HTML | DOM 音频对象

HTML | DOM 音频对象是在 JavaScript 中表示音频的对象。 使用音频对象，可以控制音频的播放、暂停、事件处理等操作。

如何创建一个音频对象？

可以使用 HTML 中的 <audio> 元素来创建一个音频对象，如下所示：

<audio id="myAudio" src="music.mp3"></audio>

该代码创建了一个 id 为 “myAudio” 的音频对象，源文件为 “music.mp3”。

如何控制音频对象播放？

可以使用 JavaScript 中的 .play() 方法来启动播放器，如下所示：

var audio = document.getElementById("myAudio");
audio.play();

该代码会控制 id 为 “myAudio” 的音频对象开始播放。

如何控制音频对象暂停？

可以使用 JavaScript 中的 .pause() 方法来暂停播放器，如下所示：

var audio = document.getElementById("myAudio");
audio.pause();

该代码会控制 id 为 “myAudio” 的音频对象暂停播放。

如何控制音频对象音量？

可以使用 JavaScript 中的 .volume 属性来控制音量大小，该属性值介于 0.0 和 1.0 之间，如下所示：

var audio = document.getElementById("myAudio");
audio.volume = 0.5; // 50% 音量大小

该代码会控制 id 为 “myAudio” 的音频对象音量大小为 50%。

如何监听音频对象事件？

可以使用 JavaScript 中的 .addEventListener() 方法来监听音频对象的事件，如下所示：

var audio = document.getElementById("myAudio");
audio.addEventListener("ended", function() {
  // 播放结束时触发的事件
  console.log("音频播放结束。");
});

该代码会在音频播放结束时触发 .addEventListener() 方法中的回调函数，控制台会输出 “音频播放结束。”。

以上就是 HTML | DOM 音频对象的基本介绍，希望对您有所帮助！