17.15　在网页中添加带控件的单个音频文件

如前面的例子所示，在网页中添加单个音频文件是很容易的。不过仅仅这样做的话，什么也不会显示，因为音频文件不可见，因此需要使用controls属性添加一些控件，如图 17.15.1所示。

  1. <body>
  2.      <audio src="piano.ogg" controls="controls"></audio>
  3. </body>

图17.15.1　单个Ogg编码的音频（包含默认控件集）

在网页中添加带控件的单个音频文件的步骤

  • 获取音频文件。

  • 输入。

当然，同视频控件一样，每个浏览器都有处理控件外观的独特方式（如图17.15.2～图17.15.6所示）。

17.15　在网页中添加带控件的单个音频文件 - 图1

图17.15.2　Firefox中的音频控件

17.15　在网页中添加带控件的单个音频文件 - 图2

图17.15.3　Safari中的音频控件

17.15　在网页中添加带控件的单个音频文件 - 图3

图17.15.4　Chrome中的音频控件

17.15　在网页中添加带控件的单个音频文件 - 图4

图17.15.5　Opera中的音频控件

17.15　在网页中添加带控件的单个音频文件 - 图5

图17.15.6　Internet Explorer 9中的音频控件