17.20 添加具有备用超链接的音频

为音频建立后备方案的方法同视频的情况是完全相同的,因此我在这里免不了要重复了。

可以使用audiosource元素定义多个来源,并在audio元素结束之前为不支持HTML5的浏览器添加后备方案,如图17.20.1所示。

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

图17.20.1 这个audio元素定义了两个音频源文件,不支持HTML5的浏览器仅会显示用于下载该音频的MP3版本的超链接

为音频添加备用超链接的步骤

  • 获取音频文件。

  • 输入开始audio元素(含默认控件集)。

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

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

  • 输入Download the audio(这里的myAudio.mp3是MP3音频文件的位置、名称和扩展名),为不支持HTML5的浏览器提供下载音频文件的超链接。

  • 输入结束audio元素。