js 控制音频播放-代码示例

pythondaimakaiyuan

温馨提示:这篇文章已超过239天没有更新,请注意相关的内容是否还可用!

js 控制音频播放-代码示例

JS可以通过控制音频元素来实现音频的播放和控制。我们需要获取音频元素,可以使用`document.getElementById()`方法根据元素的id获取到音频元素。然后,我们可以使用音频元素的`play()`方法来播放音频,使用`pause()`方法来暂停音频。我们还可以使用`currentTime`属性来设置音频的播放位置。

下面是一个示例代码,演示了如何通过JS控制音频的播放和暂停:

<!DOCTYPE html>

<html>

<head>

<title>音频控制示例</title>

</head>

<body>

<audio id="myAudio" src="music.mp3"></audio>

<button onclick="playAudio()">播放</button>

<button onclick="pauseAudio()">暂停</button>

</body>

<script>

function playAudio() {

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

audio.play();

}

function pauseAudio() {

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

audio.pause();

}

</script>

</html>

在上面的代码中,我们首先定义了一个`audio`元素,并给它设置了一个id为"myAudio",并指定了音频文件的路径。然后,我们在页面上添加了两个按钮,分别用于播放和暂停音频。当点击播放按钮时,会调用`playAudio()`函数,该函数通过`getElementById()`方法获取到音频元素,并调用其`play()`方法来播放音频。当点击暂停按钮时,会调用`pauseAudio()`函数,该函数通过`getElementById()`方法获取到音频元素,并调用其`pause()`方法来暂停音频。

通过以上代码,我们可以实现通过JS控制音频的播放和暂停。

文章版权声明:除非注明,否则均为莫宇前端原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码