var pauseEle = document.getElementById("pause"); pauseEle.onclick = function() { if (pauseEle.alt === 'Pause') { test.pauseAudio(); } else { test.playAudio(); } }这串代码增加播放暂停按钮图片切换
时间: 2024-03-26 15:36:08 浏览: 155
jQuery带播放暂停按钮焦点图代码.zip
好的,您可以在HTML中添加一个 img 元素,例如:
```
<img id="play-pause-img" src="pause.png" alt="Pause">
```
然后,在JavaScript中,您可以使用以下代码来切换播放和暂停按钮图片:
```
var playPauseImg = document.getElementById("play-pause-img");
playPauseImg.onclick = function() {
if (test.isPlaying()) {
test.pauseAudio();
playPauseImg.src = "play.png";
playPauseImg.alt = "Play";
} else {
test.playAudio();
playPauseImg.src = "pause.png";
playPauseImg.alt = "Pause";
}
}
```
在这个代码中,我们首先获取图片元素并给它添加一个 onclick 事件,当用户点击图片时,我们检查当前音频是否正在播放。如果正在播放,则调用 `test.pauseAudio()` 方法暂停音频,并将图片的 src 属性更改为“play.png”, alt 属性更改为“Play”。如果未播放,则调用 `test.playAudio()` 方法播放音频,并将图片的 src 属性更改为“pause.png”, alt 属性更改为“Pause”。
阅读全文