<audio> 标签是 HTML5 中用于嵌入音频文件的元素。它允许你在网页中嵌入音频,以便用户可以直接在浏览器中播放它们。以下是一个简单的 <audio> 标签的示例:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Audio Tag Example</title>
</head>
<body>
  <h1>Sample Audio Player</h1>
  
  <audio controls>
    <source src="example.mp3" type="audio/mp3">
    Your browser does not support the audio tag.
  </audio>
</body>
</html>

在这个例子中,<audio> 元素包含了一个 <source> 子元素,该子元素用于指定音频文件的来源(在这里是 "example.mp3"),以及文件的类型(在这里是 "audio/mp3")。controls 属性添加了一个简单的播放控件,允许用户播放、暂停和调整音量。

如果浏览器不支持 <audio> 标签,用户将看到包含在 <audio> 标签之间的文本,提示他们的浏览器不支持该标签。

请注意,你可以为 <audio> 标签提供多个 <source> 元素,以便在不同浏览器中提供不同格式的音频文件,以增加兼容性。


转载请注明出处:http://www.zyzy.cn/article/detail/3697/HTML5