Question

我希望popup.html能够在用户点击图片时播放文件中的声音，并在用户再次点击同一图片时停止播放声音。

当我使用下面的代码时，声音在popup.html打开时开始播放，而不是'addEventListener'。

options.js

var eggAudio = new Audio("sound.mp3");
eggAudio.loop = true;
document.getElementById('egg1').addEventListener('click', eggAudio.play() );

popup.html

<div id='egg'><img id="egg1" src='img/egg.png'/></div>
<script src="options.js"></script>

Answer 1

您的第二个参数应该是触发click事件时调用的函数。使用您编写的代码，立即调用eggAudio.play()。你可能想这样写：

document.getElementById('egg1').addEventListener('click', function(){ 
     if (eggAudio.paused) {
       eggAudio.play() 
     } else {
       eggAudio.pause() 
     }
});

使用addEventListener进行popup.html播放音频？

1 个答案: