📜  HTML | DOM 音频搜索属性(1)

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

HTML | DOM 音频搜索属性

在 HTML 中,可以使用 <audio> 标签来添加音频文件到网页中。同时,也可以使用一些 DOM 属性来搜索和控制音频文件。

下面是常用的 HTML | DOM 音频搜索属性:

1. .currentSrc

返回当前音频的 URL。

let audio = document.getElementById("myAudio");
console.log(audio.currentSrc); // 返回值为字符串
2. .duration

返回音频的播放长度(以秒为单位)。

let audio = document.getElementById("myAudio");
console.log(audio.duration); // 返回值为数字类型
3. .paused

返回音频当前的播放状态,如果暂停返回 true,否则返回 false。

let audio = document.getElementById("myAudio");
console.log(audio.paused); // 返回值为布尔类型
4. .volume

控制音频的音量大小。

let audio = document.getElementById("myAudio");
audio.volume = 0.5; // 将音量设置为 50%
5. .play()

播放音频。

let audio = document.getElementById("myAudio");
audio.play(); // 播放音频
6. .pause()

暂停音频。

let audio = document.getElementById("myAudio");
audio.pause(); // 暂停音频

以上就是常用的 HTML | DOM 音频搜索属性。通过这些属性,可以搜索和控制网页中的音频文件,为用户带来更好的体验。