1. 初识
1 <audio src="url" controls> 2 您的浏览器不支持audio标签 3 </audio>
或
1 <audio> 2 <source src="url.ogg" type="audio/ogg"> 3 <source src="url.mp3" type="audio/mpeg"> 4 <source src="rul.wav" type="audio/wav"> 5 您的浏览器不支持audio标签 6 </sudio>
2. audio标签的属性
audio标签共有6个属性:
属性 | 值 | 描述 |
autoplay | autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,否则不显示控件。音频只有控件,所以如果没有该属性则什么也看不到。 |
loop | loop | 如果出现该属性,则每当音频结束时重新开始播放。 |
preload | preload | 如果出现该属性,则音频在页面加载时进行加载,并预备播放。 |
src | url | 要播放的音频的 URL。 |
muted | muted | 如果出现该属性,则静音。 |
3. 支持的格式
目前audio支持3种格式:*.ogg、*.mp3、*.wav
4. 音频MIME类型
source中的type属性用于MIME类型,可以使用户的浏览器快速找到需要的多媒体资源的容器和编解码器,从而省去提取媒体文件信息的额外资源开销。
音频格式 | MIME类型 |
ogg | audio/ogg |
mp3 | audio/mpeg |
wav | audio/wav |
5. 默认audio控件的大小
audio控件在不同浏览器中样式及大小不一样,audio标签没有width属性,所以只能通过CSS(或JS)控制其宽度,高度不可调节。
6. API
方法:
属性:
事件:
原文地址:http://www.cnblogs.com/weiheli/p/3765026.html