购物车
登陆 / 注册
微信扫码登陆

推荐手册

HTML 5 音频

HTML5 提供了播放音频的标准

Web 上的音频

直到现在,仍然不存在一项旨在网页上播放音频的标准。

今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。

HTML5 规定了一种通过 audio 元素来包含音频的标准方法。

audio 元素能够播放声音文件或者音频流。

音频格式

当前,audio 元素支持三种音频格式:

格式 IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0
Ogg Vorbis           √          √         √ 
MP3          √            √          √
Wav           √          √            √

HTML5音频如何工作

实例

<!DOCTYPE html> 
<html> 
<body> 
<audio src="song.ogg" controls="controls"> 
</audio>
</body> 
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

control 属性供添加播放、暂停和音量控件。

<audio> 与</audio> 之间插入的内容是供不支持audio 元素的浏览器显示的

<audio> 标签的属性

属性描述
autoplay           autoplay如果出现该属性,则音频在就绪后马上播放。
controls            controls如果出现该属性,则向用户显示控件,比如播放按钮。
loop                  loop如果出现该属性,则每当音频结束时重新开始播放。
preload             preload

如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src                     URL要播放的音频的 URL。


网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号