audio.js 创建自己的HTML5播放器

audio.js是一个可以允许你在的任何浏览器添加HTML5<audio>标签的JavaScript库。它使用一个不可见的播放器让网站可用的<audio>在浏览器上播放。所有的浏览器都可以使用标准的CSS风格提供了一个一致的HTML播放器界面。

以下为安装audio.js的步骤:

1、点击下面链接下载audio.js

将 audio.js player-graphics.gif 和 audiojs.swf 放在一个文件夹内命名为audiojs。将audiojs文件夹上传至网站。

点击下载audio.js:http://pan.baidu.com/s/1bn8r4iN

2、引用 audio.min.js

在网站header.php中添加以下代码,调用audiojs文件中的 audio.min.js

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

3、安装audio.js

同第2步添加以下代码.

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

4、使用<audio>标签

在你想插入<audio>的地方添加以下代码即可。

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

演示链接http://kolber.github.io/audiojs/demos/test6.html

欢迎转载,转载请注明本文链接:众推不靠谱 » audio.js 创建自己的HTML5播放器

吐槽 1


  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. sven有demo就好了回复