您的位置：首页 > Web前端 > HTML5

HTML5学习笔记之audio标签

2015-09-22 21:19 363 查看

HTML5学习笔记之audio标签

在HTML5的新特性中增加了对原生音频文件的支持，可以在播放视频时无需Flash插件。

在页面中嵌入音频可以通过如下的简单代码实现：

<audio src="foo.wav" controls autoplay>
Your browser does not support the <audio> element.
</audio>


不过对于有些浏览器来说，不支持有些格式的音频文件，我们可以通过如下的方式定义多种音频格式，浏览器在播放时会选择第一个支认可的格式进行播放。

<!DOCTYPE HTML>
<html>
<body>
<audio controls autoplay>
<source src="/html5/audio.ogg" type="audio/ogg" />
<source src="/html5/audio.wav" type="audio/wav" />
Your browser does not support the <audio> element.
</audio>
</body>
</html>


在HTMl5的规范中，audio标签可以通过一些属性控制外观和感觉以及各种控制功能：

src        需要嵌入的音频的URL。可选参数，可以在audio块中定义<source>元素定义需要嵌入的音频路径。
controls   指定是否显示播放控件，包括暂停、音量控制、快进和恢复播放。
loop       布尔值属性，true表示音频允许播放结束后自动回放。
preload    音频在载入页面时加载并准备就绪。如果指定自动播放就会自动忽略。
autoplay   布尔值属性，true表示只要没有停止加载数据，音频就会立刻开始自动播放。
autobuffer 布尔值属性，true表示即使没有设置自动播放，音频也会自动开始缓冲。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5 audio 标签
相关文章推荐
新的分享
章节导航