audiojs.create(element, settings)

preload="none"

autoplay="autoplay"

loop="loop"

audio.js is a drop-in javascript library that allows HTML5’s <audio> tag to be used anywhere.

It uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.

Installation

1. Put audio.js, player-graphics.gif & audiojs.swf in the same folder.

2. Include the audio.js file:

   <script src="/audiojs/audio.min.js"></script>

3. Initialise audio.js:

   <script>
     audiojs.events.ready(function() {
       var as = audiojs.createAll();
     });
   </script>

4. Then you can use <audio> wherever you like in your HTML:

   <audio src="/mp3/juicy.mp3" preload="auto" />

Examples

A series of API tests & examples for using and extending audio.js

Example 1 Test multiple load types

Example 2 Custom markup/css

Example 3 Multiple players, testing preload, loop & autoplay attributes

Example 4 Customised player

Example 5 Customised playlist player

Browser & format support

With Flash as a fallback, it should work pretty much anywhere.
It has been verified to work across:

• Mobile Safari (iOS 3+)
• Android (2.2+, w/Flash)
• Safari (4+)
• Chrome (7+)
• Firefox (3+, w/ Flash)
• Opera (10+, w/ Flash)
• IE (6, 7, 8, w/ Flash)

ogg

audio.js focuses on playing mp3s. It doesn’t currently support the ogg format. As mp3 is the current defacto music transfer format, ogg support is lower on our list of priorities.