17.22　添加同时具有备用Flash和超链接的音频

可以在备用Flash播放器后面添加一个下载链接，从而提供额外的后备方案，如图17.22.1和图17.22.2所示。

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

  • 获取音频文件。

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

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

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

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

  1. <body>
  2.      <audio controls="controls">
  3.         <source src="piano.ogg" type="audio/ogg">
  4.         <source src="piano.mp3" type="audio/mp3">
  5.         <object type="application/x-shockwave-flash" data="player.swf?audioUrl=piano.mp3 &controls=true" width="280">
  6.            <param name="movie" value="player.swf?audioUrl=piano.mp3 &controls=true" />
  7.         </object>
  8.         <a href="piano.mp3">Download the audio</a>
  9.      </audio>
  10. </body>

图17.22.1　这里为HTML5浏览器定义了两个音频源文件，为支持Flash的浏览器（如Internet Explorer 8）定义了一个备用Flash播放器。此外，还通过一个简单的MP3音频文件链接添加了一个额外的后备方案

17.22　添加同时具有备用Flash和超链接的音频 - 图1

图17.22.2　Internet Explorer 8中的音频备用Flash和超链接

  • 输入（这里的myAudio.mp3是MP3音频文件的位置、名称和扩展名）以指定这是一个备用Flash播放器，同时指定要使用的播放器和音频文件。注意这里指定的参数仅对本章所用的player.swf有效。

  • 输入（这里的myAudio.mp3是音频文件的位置、名称和扩展名），从而为不理解object元素开始标记中信息的浏览器指定要使用的播放器和音频文件。

  • 输入结束object元素。

  • 输入Download the audio。

  • 输入结束audio元素。