js音频插件audio.js

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

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


相关插件-音频和视频

jQuery html5自定义视频控件

html5自定义视频控件,加入评论,载入弹幕,鼠标悬浮在进度条显示某时刻画面,视频卡端显示加载动画,清晰度切换等功能;并添加了弹幕隐藏显示设置,播放速度设置,镜像翻转设置。
  音频和视频
 11877  121

一款简单实用的视频播放插件

虽小却精悍,可自动播放,音乐,视频,支持HTML5
  音频和视频
 56865  98

jQuery使用jAudio.js插件实现流媒体音乐播放器

jQuery使用jAudio.js插件实现流媒体音乐播放器特效源码是一款基于jAudio.js插件实现的音乐网站播放器代码
  音频和视频
 16026  70

js音频可视化插件Wavesurfer.js

Wavesurfer.js是一个javascript库用于创建交互式可操作音频可视化,使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波
  音频和视频
 8614  37

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

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

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

    回复
    allen_wl 0
    2017/11/27 10:42:18

    在IE8中播放不了

    回复
    隔壁の少年郎 0
    2017/10/18 15:39:20

    有个问题。在IOS下,自动播放依旧被限制了

        DreamBiao0
        2017/11/28 10:12:16

        ios  官方就限制了,估计也没什么方法可以绕开这道坎了

    回复
    Ccc. 0
    2017/9/22 9:33:12

    这个支持多个播放吗?我动态添加了3个以后会报错

    回复
    匿名用户~ 0
    2017/9/14 10:52:15

    没有文件时点击报错  怎么解决?

    回复
    ∮这只是一只羊∮ 0
    2017/9/12 1:34:35

    怎么设置音量控制???

    回复
    七年 0
    2017/9/5 16:58:35

    为什么快进不了呀,求解答

    回复
    ^_^ 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

    没有音量调节?

    回复
取消回复