HTML 中的音频元素是 <audio>,它允许在网页中嵌入音频文件,并提供了一组控制按钮,使用户能够播放、暂停、调整音量等。以下是 <audio> 元素的基本用法:
<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