HTML | DOM 音频控制器属性

在Web开发中，使用音频控制器属性可以让用户在网页上播放、暂停、调节音量等操作音频文件，提高用户的体验。以下是常见的音频控制器属性：

autoplay

autoplay属性是指定音频是否在加载后自动播放，示例代码如下：

<audio src="song.mp3" autoplay></audio>

controls

controls属性是指定是否显示音频控制器，示例代码如下：

<audio src="song.mp3" controls></audio>

loop

loop属性是指定音频是否循环播放，示例代码如下：

<audio src="song.mp3" loop></audio>

muted

muted属性是指定音频是否静音，示例代码如下：

<audio src="song.mp3" muted></audio>

preload

preload属性是指定音频在页面加载时是否预加载，示例代码如下：

<audio src="song.mp3" preload="auto"></audio>

volume

volume属性是指定音频的音量大小，范围是0.0到1.0，示例代码如下：

<audio src="song.mp3" volume="0.5"></audio>

currentTime

currentTime属性是指定音频当前的播放时间，单位是秒，示例代码如下：

<audio src="song.mp3" id="myAudio"></audio>
<script>
  var audio = document.getElementById("myAudio");
  audio.currentTime = 30;
</script>

duration

duration属性是指定音频的总时长，单位是秒，示例代码如下：

<audio src="song.mp3" id="myAudio"></audio>
<script>
  var audio = document.getElementById("myAudio");
  console.log(audio.duration);
</script>

以上就是HTML | DOM 音频控制器属性的介绍，希望对大家有所帮助。