Question

我有代码在按键时启动事件。

$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       alert( "left pressed" );
       return false;
    }
});

我想知道如何发布声音

在我的HTML中我有这个：

<audio id="sound1" src="images/step-1/iphone.mp3"></audio>
<audio id="sound2" src="images/step-1/iphone.mp3"></audio>

<div id="pad">

    <img src="images/step-1/tsonga.jpg" onclick="document.getElementById('sound1').play()"/>
    <img src="images/step-1/federer.jpg" onclick="document.getElementById('sound1').play()"/>

</div>

像这样，但它不起作用：/

$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       getElementById('sound1').play()
       return false;
    }
});

感谢您的帮助！

Answer 1

来自W3Schools：

    <audio id="sound" controls>
      <source src="horse.mp3" type="audio/mpeg">
      <source src="horse.ogg" type="audio/ogg">
      Your browser does not support this audio format.
    </audio>

然后：

document.getElementById('sound').play();

Answer 2

试试这个：

$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       document.getElementById('sound1').play();
       return false;
    }
});

我认为你必须使用document.getElementById，因为如果你只是编写getElementById，那么范围就是窗口。

在keydown上播放音频

2 个答案: