audio.js 是一个嵌入式 JavaScript 库,允许在任何地方使用 HTML5 的 <audio> 标签。它的原理是在可用的地方使用 <audio> 标签,并在不可使用的地方使用 Flash 播放器为其他浏览器模拟 <audio>,并且它为所有浏览器提供了一致的 HTM L播放器 UI,可以使用标准 CSS。
一、安装 audio.js
您可以从 官网 或者 GitHub 上将 audio.js下载到本地,然后把 audio.js、player-graphics.gif 与 audiojs.swf 在同一个文件夹中。
- git clone https://github.com/kolber/audiojs.git
注:源文件压缩的时候应该是少打包了一个 player-graphics@2x.gif 文件,你可以将 player-graphics.gif 文件复制一份,然后重命名为 player-graphics@2x.gif 。
二、浏览器兼容支持
- 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)
由于 mp3 是目前实际的音乐传输格式,所以 audio.js 专注于播放 mp3,它目前不支持 ogg 格式,ogg格式在优先级列表中支持较低。
三、如何使用 audio.js
1、引入 audio.js 文件
- <script src="/audiojs/audio.min.js"></script>
2、初始化 audio.js
- <script>
- audiojs.events.ready(function() {
- var as = audiojs.createAll();
- });
- </script>
3、这样您就可以在 HTML 中随时随地使用 <audio> 标签了
- <audio src="/mp3/juicy.mp3" preload="auto" />
博主只是一名前端的小白,只是把自己用到的知识分享一下,要是有什么不对的地方,欢迎大家提出~~
继续阅读
评论