js音频插件audio.js

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

 11513  38  查看评论 (5)
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>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。


相关插件-音频和视频

voicewo在线语音识别转换jQuery插件

voicewo是一个专门用于在网页中实现语音识别转换的jQuery插件。
  音频和视频
 26658  64

手机版音乐播放器

访酷狗,手机播放器
  音频和视频
 14985  39

Html5弹幕视频播放器插件

Danmmu Player是一个具备弹幕功能的Html5视频播放器。 具备弹幕视频播放,接受用户发送彩色弹幕,实时调解弹幕显示效果等功能。 Danmmu Player意在使开发者能便捷的在网站中实现弹幕视频播放。
  音频和视频
 73467  156

HTML5列表音乐播放器SMusic

一款基于HTML5、Css3的列表式音乐播放器,包含列表,音量,进度,时间,歌词展示以及模式等功能,不依赖任何库
  音频和视频
 7508  48

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币

    ^_^ 0
    2017/7/4 17:31:54

    ie8下不兼容呀?怎么办?

    回复
    . 深碍 ? 0
    2017/3/10 13:20:00
    audiojs.events.ready(function() {
        var as = audiojs.createAll();
    });

    这是干嘛用的

    回复
    超究假面―霸掩面 0
    2017/1/15 20:27:05

    没有音量调节?

    回复
    DancingYMS 0
    2016/12/2 18:12:51
    怎么是这样呢? 回复
    明月半倚深秋 0
    2016/10/21 8:10:42
    音乐好带感。。 回复
取消回复