HTML5学习笔记之audio标签

来源：互联网发布：阿里云服务器学生认证编辑：程序博客网时间：2024/05/21 22:07

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表示即使没有设置自动播放，音频也会自动开始缓冲。

0 0