HTML5 Audio音频

2018-03-21 本文已影响21人龍飝

同Video标签一样，HTML5规定了在网页上嵌入音频元素的标准，即使用<audio>元素

例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

</body>
</html>
control属性供添加播放、暂停和音量控制
在<audio>元素允许使用多个<source>元素，<source>元素可以联机不同的音频文件，浏览器使用第一个支持的音频文件使用

音频格式以及浏览器支持
目前，<audio>元素支持是那种音频格式文件，MP3,Wav和Ogg

浏览器 MP3 Wav Ogg
Internet Explorer 9+ YES NO NO
Chrome 6+ YES YES YES
Firefox 3.6+ YES YES YES
Safari 5+ YES YES NO
Opera 10+ YES YES YES

音频格式的MIME类型
Format MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

HTML5 Audio标签
<audio> 定义声音内容
<source>规定了多媒体资源，可以是多个，在<video>与<audio>标签中使用