HTML | DOM 音频循环属性

简介

HTML DOM 音频循环属性设置或返回音频是否应该在结束时重新开始。如果设置为 true，则音频在结束时会重新开始，如果设置为 false，则音频只播放一次。

myAudio.loop = true|false;

语法

// 获取音频循环状态
var x = audioObject.loop;

// 设置音频循环状态
audioObject.loop = true|false;

属性值

• true：音频在结束时重新开始。
• false：音频只播放一次。

示例

• HTML 代码片段：

<audio id="myAudio">
  <source src="audio.mp3" type="audio/mp3">
</audio>

<button onclick="playAudio()">Play Audio</button>
<button onclick="pauseAudio()">Pause Audio</button>
<button onclick="loopAudio()">Loop Audio</button>

• JavaScript 代码片段：

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

function playAudio() {
  audio.play();
}

function pauseAudio() {
  audio.pause();
}

function loopAudio() {
  audio.loop = true;
}

总结

本文介绍了HTML | DOM 音频循环属性，作为开发者，了解音频循环属性的基本语法和常用属性值，将有助于设计更好的音频应用程序。代码示例也非常实用，可以帮助开发者更好地了解如何在应用程序中使用音频循环。