17.20 添加具有备用超链接的音频
为音频建立后备方案的方法同视频的情况是完全相同的,因此我在这里免不了要重复了。
可以使用audio
和source
元素定义多个来源,并在audio
元素结束之前为不支持HTML5的浏览器添加后备方案,如图17.20.1所示。
- <body>
- <audio controls="controls">
- <source src="piano.ogg" type="audio/ogg">
- <source src="piano.mp3" type="audio/mp3">
- <a href="piano.mp3">Download the audio</a>
- </audio>
- </body>
图17.20.1 这个audio
元素定义了两个音频源文件,不支持HTML5的浏览器仅会显示用于下载该音频的MP3版本的超链接
为音频添加备用超链接的步骤
获取音频文件。
输入
开始
audio
元素(含默认控件集)。输入
,这里的myAudio.ogg
是Ogg Vorbis音频文件的位置、名称和扩展名。输入
,这里的myAudio.mp3
是MP3音频文件的位置、名称和扩展名。输入
Download the audio
(这里的myAudio.mp3
是MP3音频文件的位置、名称和扩展名),为不支持HTML5的浏览器提供下载音频文件的超链接。输入
结束
audio
元素。