网页中的音频

在HTML5以前，网页中的音频大多是通过浏览器插件（如Adobe Flash Player）的方式来播放。 而 HTML5 的<audio>元素则定义了一种新的标准方式来向网页中嵌入音频。

HTML5的<audio>的方式，是当今以及未来的主流。

浏览器兼容性

audio元素的浏览器兼容性很好，不支持audio元素的浏览器可以去见马克思了；下表是每种浏览器支持audio元素的最低版本：

元素
<audio>	4.0	9.0	3.5	4.0	10.5

HTML <audio> 元素

使用<audio>元素在网页中嵌入音频：

<audio controls>
  <source src="https://logo.zhuanfou.com/niubi.ogg" type="audio/ogg">
  <source src="https://logo.zhuanfou.com/niubi.mp3" type="audio/mpeg">
  小贼，你的浏览器太落后了，该换浏览器啦 —_—
</audio>

运行一下

HTML音频 - 浏览器兼容性

有如下三种被HTML5标准支持的音频格式，分别是：MP3、WAV、OGG
不同的浏览器对不同的视频格式的支持如下：

浏览器	MP3	WAV	OGG
IE	支持	不支持	不支持
Chrome	支持	支持	支持
FireFox	支持	支持	支持
Safari	支持	不支持	不支持
Opera	支持	支持	支持

HTML音频 - Media Type（媒体类型）

Media Type(媒体类型)在一些协议的消息投中被称作“Content-Type”；HTML音频的媒体类型如下表所示：

音频格式	媒体类型（消息头）
MP3	video/mpeg
WAV	video/wav
OGG	video/ogg

HTML <audio> - 方法、属性和事件

类似video元素，HTML5也为<audio>元素设计很多独具特色的方法、属性和事件。比如可以控制音频的加载、播放、暂停、调节音量等。在此就不展开而论。
如需了解更多，请查看HTML5 Audio/Video DOM参考手册(待续)。

HTML5 音频标签

标签	描述
<audio>	定义一个音频元素
<source>	当作媒体元素audio和video的子元素来使用，用来定义媒体源文件信息