从播放器中获取音频的持续时间并将其保存到div的过程可以通过以下步骤完成:
<!DOCTYPE html>
<html>
<head>
<title>获取音频持续时间</title>
</head>
<body>
<audio id="audioPlayer" src="audio.mp3"></audio>
<button onclick="saveDuration()">保存持续时间</button>
<div id="durationDiv"></div>
<script>
function saveDuration() {
var audio = document.getElementById("audioPlayer");
var duration = audio.duration;
var durationDiv = document.getElementById("durationDiv");
durationDiv.innerHTML = "音频持续时间:" + duration + "秒";
}
</script>
</body>
</html>
<audio>
元素来创建一个播放器,并设置src
属性为音频文件的URL。我们还创建了一个按钮,当单击按钮时,将调用saveDuration()
函数。saveDuration()
函数中,我们首先通过document.getElementById()
方法获取到audioPlayer
元素和durationDiv
元素。然后,我们使用audio.duration
属性获取音频的持续时间,并将其保存到一个变量中。durationDiv
元素中,通过设置innerHTML
属性来修改div的内容。这样,当用户单击按钮时,音频的持续时间将被获取并显示在div中。
请注意,上述代码中的音频文件URL应该替换为实际的音频文件URL。此外,还可以根据需要对页面进行样式和布局的调整。
领取专属 10元无门槛券
手把手带您无忧上云