html在线播放音频插件,audio.js 让所有浏览器都支持 HTML5 Audio 标签的音乐播放器插件 - 文章教程...

audio.js 提供了一种更加灵活的方式来使用 HTML5 的 标签。可以用它来制作一个Mp3播放器,当浏览器不支持 标签时,它将自动换成 Flash 来支持 Mp3 文件的播放,达到相同的浏览效果和用户体验。

f8908886bffd3bf6a13b7b4ea8047cfd.png

原理

对于高级浏览器使用 Audio 播放音乐,对于哪些不支持 Audio 标签的浏览器,采用一个隐藏的 Flash 去播放音乐,对于外观样式采用统一的 CSS 样式表控制,保证在任何浏览器上面浏览都能达到相同的浏览效果和用户体验。

如何使用

下载 audio.js、player-graphics.gif 和 audiojs.swf

在网页中引入 audio.js 文件

编写 audio.js 代码:

audiojs.events.ready(function() {

var as = audiojs.createAll();

});

在适当的位置放置 标签:

在线 Demo

使用和扩展 Audio.js 的一系列 API 测试和实例

浏览器支持

以 Flash 作为后盾,它应该在任何地方都能工作,经核实,该系统可在下列各方面开展工作:

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 专注于播放 Mp3。它目前不支持 Ogg 格式。由于 Mp3 是当前事实上的音乐传输格式,Ogg 支持在我们的优先事项列表中处于较低的位置。

如何获取

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值