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

2016-10-13 00:16:48 点击量:9 标签: 收藏本文

使用音频标签<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>

上一篇： [html5]html5学习网站很不错

下一篇： [html5]HTML5播放视频转换工具

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址：湖北省宜昌市伍家岗区东站二路6号三峡（宜昌）大数据产业园海洋馆二楼A203室