在这个”使用HTML5组件工作”三部曲的第一部分中，我主要讲解了有关用HTML5在网页中嵌入视频的内容。当然，大部分视频中包含了音频，所以如果你想把音频文件嵌入到你的网页中，同样用HTML5能够很容易地实现。

在这篇教程中，我会讲解audio元素，它的属性，以及HTML5能够使用的不同类型的音频文件。许多在第一部分中提及 的视频概念和技术，同样适用于音频。所以如果你已经阅读过第一部分，你会注意到在第二部分中有一些相似之处。如果你还没有读过第一部分，并且你只对 HTML5音频感兴趣，那么这篇文章有你启程所需要的全部知识。

注意: 你可以通过下载和深入研究该示例文件，来研究一些示例代码和文章中所阐述的许多概念。

提供音频文件的支持：两种技术的快速对比

在HTML5出现前，如果你想要在你的网页中嵌入音频文件，必须使用第三方插件，比如Flash Player。

例如，要在你的网页中嵌入一个MP3音频文件，并使它可通过Flash Player使用。你或许要用到以下的代码：

<object type="application/x-shockwave-flash"  
data="player.swf?audioURL=myAudio.mp3&autoPlay=true" height="27" width="320">  
<param name="movie" value="player.swf?audioUrl=myAudio.mp3&autoPlay=true">  
</object> 

使用HTML5，你能更加简洁地实现：

<audio src="myAudio.mp3" controls autoplay></audio> 

这些HTML5代码片段和那些为Flash Player提供的更加冗长的代码实现了相同的结果：在网页中嵌入一个能自动播放的音频文件。你可以看到HTML5代码有多么的简单整洁。

音频编解码器

在该系列的第一部分中我谈到了视频编解码器。那同样要介绍许多音频编解码器的思想也不足为奇了。HTML5规范最初也为Ogg Vorbis编解码器受托者提供支持，但来自苹果和诺基亚的挑战使其终止了该支持。如今的浏览器，相比于支持视频编解码器而言，能支持更多的音频编解码 器，所以当你抉择于该使用哪种音频编解码器时，你会有更多的选择：

• 火狐支持Ogg Vorbis 和 WAV.
• Safari支持 MP3, AAC, WAV, 以及 MP4.
• Internet Explorer 9 支持 MP3, AAC, 和 MP4.