audio.js – 随时随地，播放 HTML5 的声音

2024-06-05 08:17:49

audio.js是一个HTML5标签的简易包装。但它不仅在支持HTML5的浏览器上能够轻松调用标签，并在不支持HTML5的浏览器上也能通过Flash作为B计划使用。除此之外，audio.js所提供的界面其实也还不错。

支持情况

浏览器：

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)

格式：

目前audio.js还只以支持mp3格式为主，但在未来可能会支持ogg。

如何使用

下载audio.js全部组件，确保audio.js, player-graphics.gif 以及 audiojs.swf都放置于同一文件夹内

在你的网页当中包含audio.js：

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

使用如下的代码进行初始化：

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

现在在页面当中的任意位置你都可以这样了：
```
<code><audio src="/mp3/juicy.mp3" preload="auto" /></code>
```

许可证

audio.js目前在MIT协议之下进行许可。这个协议算是非常宽松的协议了。

文章来源地址：http://newhtml.net/audio-js-%E9%9A%8F%E6%97%B6%E9%9A%8F%E5%9C%B0%EF%BC%8C%E6%92%AD%E6%94%BE-html5-%E7%9A%84%E5%A3%B0%E9%9F%B3/

本文链接：http://www.jfox.info/audio-js-%e9%9a%8f%e6%97%b6%e9%9a%8f%e5%9c%b0%ef%bc%8c%e6%92%ad%e6%94%be-html5-%e7%9a%84%e5%a3%b0%e9%9f%b3, 转载请保留.

转载于:https://www.cnblogs.com/wuxiang/p/3542403.html

audio.js – 随时随地，播放 HTML5 的声音相关推荐

给自己的html5加上背景音乐,网页加背景音乐用JS控制播放 HTML5 - audio
制作一个游戏网站首页,要求加入背景音乐上面一行解决了, autoplay="autoplay"表示自动播放, loop="loop"循环播放. 下面继续改造, ...
html5 audio js控制进度,HTML5 audio标签使用js进行播放控制实例
标签可以在html5浏览器中播放音频文件. 默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态. 这里我们可以使用js来进行控制,代码如下: 复制代码代码如下: ...
html5 audio js控制进度,HTML5多媒体的之audio和video。JavaScript控制进度条播放进度
使用HTML5多媒体,audio和video两个元素可以让用户不必借助flash player插件即可播放音频和视频. 小知识:视频文件包含了音频轨道,视频轨道和其他一些元数据.当我们播放视频的时候, ...
js控制audio音量_js控制html5 audio音频暂停播放
js控制html5 audio音频暂停播放音乐控制音乐播放/暂停重新播放 function rbf(){ var audio = document.getElementById('music1 ...
HTML5 audio 如何实现播放多个MP3音频
<audio>标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式是.mp3. <audio>标签常用属性如下表属性值描述 au ...
html5自动播放音乐外链,HTML5 audio 如何实现播放多个MP3音频
标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式是.mp3. 标签常用属性如下表属性值描述 autoplay autoplay 添加该属性后,音频会 ...
解决IOS微信中 HTML5 中audio的自动播放问题。
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html lang="en"> <head ...
HTML5 audio 标签-在html中定义声音的标签
2019独角兽企业重金招聘Python工程师标准>>> 本文来源 169it HTML 5 <audio> 标签定义和用法 <audio> 标签定义声音,比如 ...
自定义css样式结合js控制audio做音乐播放器
最近工作需求需要播放预览一些音乐资源,所以自己写了个控制audio的音乐播放器. 实现的原理主要是通过js调整audio的对象属性及对象方法来进行控制: 1.通过play().pause()来控制音乐 ...

最新文章

热门文章