📌  相关文章
📜  HTML | DOM 音频 src 属性(1)

📅  最后修改于: 2023-12-03 14:41:51.935000             🧑  作者: Mango

HTML | DOM 音频 src 属性

在 HTML 中，音频可以通过 <audio> 元素来添加。该元素包含了很多属性和方法，其中 src 属性用于指定音频文件的 URL。

语法

src 属性的常见用法是在 <audio> 元素中指定音频文件的 URL。其语法如下：

<audio src="audio_file.mp3">

除了直接在元素内部设置 src 属性，也可以使用 JavaScript 来动态地修改该属性。

示例

下面是一个简单的代码示例，该示例演示了如何将音频文件添加到页面中：

<!DOCTYPE html>
<html>
  <head>
    <title>添加音频到网页</title>
  </head>
  <body>
    <audio src="audio_file.mp3" controls></audio>
  </body>
</html>

在该示例中，音频文件 audio_file.mp3 被添加到 <audio> 元素中，并且为其添加了一个 controls 属性，用来添加播放控件。

属性

以下是 <audio> 元素中常用的属性：

  • autoplay：指定音频文件在加载后自动播放。
  • controls：添加播放控件，如播放、暂停、音量和进度条等。
  • loop：指定音频文件在播放完后重新从头开始循环播放。
  • muted：将音频文件静音。
  • preload：指定音频文件的加载方式。可以是 auto（自动）、none（不加载）或 metadata（加载音频文件的元数据）。
方法

除了上述属性，还有许多与音频相关的方法可以在 JavaScript 中使用，例如：

  • play()：播放音频文件。
  • pause()：暂停音频文件。
  • load()：加载音频文件。
总结

通过 src 属性，我们可以在 HTML 中添加音频文件，并且可以动态地修改该属性，实现一些特定的效果。同时，还可以使用其他属性和方法来控制音频的播放和停止，以实现更加丰富的交互效果。