17.21 添加具有备用Flash的音频

同视频一样,Flash也常被用做嵌入音频内容的插件。同样,也可以为不支持HTML5的浏览器(如Internet Explorer 8)提供备用Flash播放器。

为音频添加备用Flash的步骤

  • 获取音频文件。

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

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

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

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

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

  • 输入结束object元素。

  • 输入结束audio元素,如图17.21.1和图17.21.2所示。

  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"
  6. data="player.swf?audioUrl=piano.mp3&controls=true">
  7. <param name="movie" value="player.swf?audioUrl=piano.mp3&controls=true" />
  8. </object>
  9. </audio>
  10. </body>

图17.21.1 这个audio元素定义了两个音频来源,而Internet Explorer 8等浏览器将转而使用指定的备用Flash播放器(该播放器使用MP3文件作为音频来源)

17.21 添加具有备用Flash的音频 - 图1

图17.21.2 Internet Explorer 8中的音频备用Flash播放器

提示 Internet Explorer 8等浏览器会忽略audiosource元素,直接使用备用Flash播放器。只要用户安装了Flash,就能播放音频内容。