17.19　提供多个音频源

如前所述，为了获得所有兼容HTML5的浏览器的支持，至少需要为音频提供两种格式。实现这一目标的方法同video元素也是一样的，即使用source元素，如图17.19.1

所示。

  1. <body>
  2.      <audio controls="controls">
  3.         <source src="piano.ogg" type="audio/ogg">
  4.         <source src="piano.mp3" type="audio/mp3">
  5.      </audio>
  6. </body>

图17.19.1　这个audio元素（含默认控件集）定义了两个音频源文件，一个编码为Ogg，另一个为MP3

完整的过程同指定多个视频源文件的过程是一样的。浏览器会忽略它不能播放的，仅播放它能播放的。

指定两种不同的音频来源的步骤

  • 获取音频文件。

  • 输入开始audio元素（含默认控件集）。

  • 输入，这里的myAudio.ogg是Ogg Vorbis音频文件的位置、名称和扩展名。

  • 输入，这里的myAudio.mp3是MP3音频文件的位置、名称和扩展名。

  • 输入结束audio元素。

提示　type属性可以帮助浏览器判断它是否能播放某个文件。对音频文件来说，其值总是audio/加上格式本身，包括audio/ogg、audio/mp3、audio/aac、audio/wav和audio/mp4。