<audio controls>
<source src="audio.mp3" type="audio/mp3">
您的浏览器不支持音频元素。
</audio>
上述代码展示了一个简单的 <audio> 元素,具有以下关键特点:
- controls 属性:添加了音频播放器的控制按钮,包括播放、暂停、音量调整等。
- <source> 元素:用于指定不同格式的音频文件,以便浏览器选择支持的格式进行播放。在这个例子中,指定了一个 MP3 格式的音频文件。
如果浏览器不支持 <audio> 元素或指定的音频格式,将会显示替代文本 "您的浏览器不支持音频元素。"。
你也可以添加多个 <source> 元素,以提供不同格式的音频文件,确保在不同的浏览器和设备上都能正常播放。例如:
<audio controls>
<source src="audio.mp3" type="audio/mp3">
<source src="audio.ogg" type="audio/ogg">
您的浏览器不支持音频元素。
</audio>
在这个例子中,如果浏览器不支持 MP3 格式,将尝试播放 OGG 格式的音频文件。
除了以上示例中的基本用法,<audio> 元素还支持许多其他属性和事件,以满足更多的需求,比如自动播放、循环播放、跳转到指定时间点等。
转载请注明出处:http://www.zyzy.cn/article/detail/3149/HTML