[html5]HTML5中的音频多媒体文件加载与播放(audio)

时间:2015-06-02 16:11酷播

[html5]HTML5中的音频多媒体文件加载与播放(audio) ，音频标签的使用和视频是非常相似的：指定多个音频文件，浏览器会播放其中支持的第一个

使用音频标签<audio>

音频标签的使用和视频是非常相似的：指定多个音频文件，浏览器会播放其中支持的第一个。

<audio src="audio.ogg" controls> 
你的浏览器不支持<audio>标签. 
</audio>

Figure 5列出了所有<audio>可用的属性. 因为不需要像视频播放器那样显示整个控件，所以高、低和预览图(poster)都不再需要了。

Figure 5 音频标签<audio>的属性

Attribute	Value	Description
Autoplay	autoplay	如果指定, 音频会在准备好后立即播放.
Controls	controls	显示播放控制工具栏..
Loop	loop	如果指定，则循环播放.
Preload	preload	如果指定，音频会在加页面加载过程中被加载。当Autoplay被指定时，会被忽略。
Src	url	目标音频的URL.

和视频<video>标签一样，你可以指定多个文件，浏览器会播放其中支持的第一个文件。你也可以指定一个回退(fallback)信息以供浏览器不支持<audio>标签时显示。下面是一个简单的例子:

<audio controls autoplay> 
<source src="audio1.ogg" type="audio/ogg" /> 
<source src="audio1.mp3" type="audio/mpeg" /> 
你的浏览器不支持<audio>标签. 
</audio>

首页