UNPKG

vshushkov-audiojs

Version:

A cross-browser javascript wrapper for the html5 audio tag

70 lines (43 loc) 2.29 kB
# audio.js audiojs is a drop-in javascript library that allows HTML5's `<audio>` tag to be used anywhere. It uses native `<audio>` where available and falls back to an invisible flash player to emulate it for other browsers. It also serves a consistent html player UI to all browsers which can be styled used standard css. It plays mp3s. **No ogg**. Because, lets be honest, in the real world, no one really exports ogg files. Sadly, that means Opera and Firefox get flash audio. Hopefully they can add mp3 support soon. ## Usage 1. Put `audio.js`, `player-graphics.gif` & `audiojs.swf` in the same folder. 2. Include `audio.js`: <script src="/audiojs/audio.js"></script> 3. Initialise audiojs: <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" /> ## Bugs / Contributions - [Report a bug](https://github.com/kolber/audiojs/issues) - To contribute or send an idea, github message me or fork the project ## Build On OSX, you should install [closure compiler](http://closure-compiler.googlecode.com/files/compiler-latest.zip) following the instructions in [Ben's gist](https://gist.github.com/739724). Then you can run `rake compile` from root directory and it will package `audio.js` into `audio.min.js`. ## Compiling Flash from the command line If you want to mess around with the flash-side of things, you will need to be able to compile the `.as` file into a `.swf`. Using the Flex SDK (which is free), flash movies can be compiled directly from the command line. It makes life that little bit less painful. ### Installing mxmlc 1. Download and unzip the current 'Milestone Release' 'Open Source Flex SDK' from: <http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4> 2. Copy the `bin` folder to `/usr/local/bin/flex/bin/` 3. Add `/usr/local/bin/flex/bin/` to your `PATH` ### Compiling the SWF Run the following command from within the `audiojs` folder. mxmlc audiojs.as ### License audio.js is released under the MIT license. Included MP3 and Ogg files are Creative Commons licensed tracks from [Bensound.com](http://www.bensound.com/)