Audio duration 属性

什么是 duration 属性

duration 属性是 <audio> 元素的一个只读属性，它表示音频文件的时长，单位为秒。通过访问这个属性，我们可以获取到音频文件的总时长，从而可以根据需要进行一些操作，比如展示音频文件的总时长、控制音频的播放进度等。

如何使用 duration 属性

要使用 duration 属性，首先需要创建一个 <audio> 元素，并设置 src 属性为音频文件的 URL。然后，可以在 JavaScript 中通过访问 duration 属性来获取音频文件的时长。下面是一个简单的示例代码：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Audio Duration</title>
</head>
<body>
    <audio id="myAudio" src="audio.mp3"></audio>

    <script>
        const audio = document.getElementById('myAudio');
        audio.onloadedmetadata = function() {
            console.log('Audio duration: ' + audio.duration + ' seconds');
        };
    </script>
</body>
</html>

在上面的示例中，我们首先创建了一个 <audio> 元素，并将其 ID 设置为 myAudio，然后在 JavaScript 中获取这个元素，并监听 onloadedmetadata 事件。在事件处理函数中，我们访问了 duration 属性，将音频文件的时长输出到控制台。

注意事项

1. duration 属性是只读属性，无法直接设置音频文件的时长。
2. 在某些浏览器中，可能需要等到音频文件加载完成后才能获取到正确的时长信息。
3. 音频文件的时长可能会受到网络状况、文件大小等因素的影响，因此获取到的时长信息可能不是绝对准确的。

总的来说，duration 属性是一个非常方便的属性，可以帮助我们获取音频文件的时长信息，从而更好地控制和展示音频内容。在实际项目中，可以根据需要结合其他 API 和功能来实现更加丰富的音频处理效果。