我们如何在带有链接的图像上添加声音？

Question

我试图在带有链接的图像上添加声音...当单击图像时，首先会产生声音，然后会打开链接...它仅适用于声音，但不适用于两者声音和链接...

Answer 1

如果你不展示你当前的代码和你尝试过的东西，我很难回答。对我来说，听起来你的音频工作正常，你的 html 可能类似于：

    <input type="button" value="PLAY" onclick="play()">
    <audio id="audio" src="../sounds/the-sound.mp3"></audio>

我会尝试这样的事情：

Javascript：

    function playAudio(url) {
      new Audio(url).play();
    }

HTML：

    <img src="image.jpg" onclick="playAudio('the-sound.mp3')">

并用锚标记将该 img 标记括起来。不要忘记添加一个

    target="_blank" 

所以它会在新标签页中打开，而不是离开网页。