HTML的audio标签


HTML音频标签 - audio

<audio>元素用于在HTML文档中嵌入音频内容。它提供了一种在网站中添加音频的简单方法。

基本语法

<audio controls>
    <source src="audio.mp3" type="audio/mpeg">
</audio>
  1. 标签:<audio>
  2. 属性 - controls:该属性用于向用户显示控件,例如播放/暂停按钮、音量控制等。
  3. 内容 - <source>:用于指定音频文件的来源,源文件可以是多个格式(mp3、ogg等),浏览器会自动选择最合适的格式进行播放。

属性

  1. autoplay - 当设置为true时,音频会自动播放。默认为 false
  2. controls - 当设置为true时,显示音频控件。默认为 false
  3. loop - 当设置为true时,音频会循环播放。默认为 false
  4. muted - 当设置为true时,静音音频。默认为 false
  5. preload - 指定音频缓存行为。默认为 auto
  6. src - 指定音频文件的URL。
  7. volume - 指定音频的音量。范围从 0(静音)到 1(最大音量)。默认为 1

支持的音频格式

<audio>元素通常支持多种音频格式。以下是HTML5支持的常用音频格式:

  • MP3
  • Ogg
  • WAV

为了确保您的音频文件可以在所有主要浏览器上播放,您应该提供至少两种格式的音频文件。

浏览器兼容性

支持 audio 标签的浏览器包括:

  • Internet Explorer (IE9以上版本)
  • Google Chrome、Firefox、Safari、Opera 等。

示例

以下是一个完整的 <audio> 元素的示例:

<audio controls>
    <source src="audio.mp3" type="audio/mpeg">
    <source src="audio.ogg" type="audio/ogg">
    <source src="audio.wav" type="audio/wav">
</audio>