在keydown上播放音頻

我有按鍵時啓動事件的代碼。在keydown上播放音頻

$(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; 
    } 
});

謝謝你的幫助！

來源

2013-06-04 MonBlaze

並在瀏覽器開發者控制檯中顯示任何錯誤？另外，您使用的是哪種瀏覽器（和版本）？它是否支持音頻標籤？ – Raptor

你使用什麼瀏覽器？（Firefox不支持音頻標籤上的.mp3文件）http://www.w3schools.com/tags/tag_audio.asp – Xavi

document.getELementById –

試試這個：

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

我認爲你必須使用document.getElementById因爲如果你只是寫的getElementById範圍窗口。

來源

2013-06-04 09:27:09 sjkm

不，沒有任何反應。 – MonBlaze

請將getElementById替換爲document.getElementById並再次嘗試。 – sjkm

作品，謝謝:) – MonBlaze

從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();

來源

2013-06-04 09:27:44 miestasmia

在keydown上播放音頻

回答

相關問題