js音频插件audio.js

所属分类:媒体-音频和视频

 103247  364  查看评论 (23)
分享到微信朋友圈
X
js音频插件audio.js ie兼容8

audio.js

audiojs javascript库,允许HTML5的<audio>标签,用于任何地方。可以用它来制作一个Mp3播放器。

当浏览器不支持<audio>标签时,它将自动换成Flash来支持Mp3文件的播放。

原理

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

如何使用

下载 audio.js, player-graphics.gif & audiojs.swf.

引入audio.js 文件:

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

编写audio.js代码:

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

在适当的位置放置 <audio> 标签:

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

<audio>标签可以在HTML5浏览器中播放音频文件。

<audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。


相关插件-音频和视频

个性暗音乐播放精简版插件

本音乐播放器插件 快适用于快速集成到博客,论坛,网站中去,播放器插件来源于个性暗音乐播放模板的阉割版本,去掉了多余的页面布局。
  音频和视频
 33817  370

video封装ui

videoui无任何依赖,代码注释很清楚。
  音频和视频
 54791  380

jQuery实现Winamp2播放器插件

win95时代的经典音频播放器,现在我们来通过网页来实现这款播放器。怀旧一下过去的时光。
  音频和视频
 30213  291

jQuery视频播放插件jsModern(修改版)

一款简单的网页视频播放器插件jsModern,视频插件加了一个播放的按钮,视频播放时候就 隐藏。暂停就显示,
  音频和视频
 52273  420

讨论这个项目(23)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    LUOCHENG2 0
    2019/9/20 14:31:46
    为什么我这听着有回音,不过就第一次有,别人都说有回音 回复
    海淀江城 0
    2019/7/31 14:42:36
    可以调整声音大小吗?这个默认声音太大了 回复
    林木子 0
    2019/6/4 22:13:21
    为什么在苹果手机上,时间和进度条没法正常显示?安卓手机上是好的。 回复
    后来丿Wold 0
    2019/3/12 10:32:37
    原文件全部没变 路径也没变 一直提示Uncaught ReferenceError: audiojs is not defined 回复
    我只是个小女人... 0
    2018/6/25 15:57:27
    别说ie8了。ie10都不行 回复
    Only丶蓉 0
    2018/4/8 13:50:17
    不能加自动播放啊,加了之后就暂停不了了??怎么解决
        张磊-中科聚网1
        2018/4/22 15:16:29
         audiojs.events.ready(function() {
           var as = audiojs.createAll({
             autoplay:'true' //初始化后自动播放
           });
         });
    回复
    ?褫省 0
    2018/4/2 14:51:32
    支持哪些音频格式
    回复
    CASSIE 0
    2018/1/19 11:58:49

    请问获取不到选择容器是怎么回事

    回复
    Ccc. 0
    2017/12/7 16:00:15

    我是有多个audio  一切换的时候就报错"Cannot set property 'width' of undefined",什么意思呢这是?

        happy晴川0
        2018/7/5 19:10:11
        这个问题,你解决了么
    回复
    allen_wl 0
    2017/11/27 10:42:18

    在IE8中播放不了

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复