2017-07-19 26 views
-2

任何人都可以在這裏幫助我,因爲我不太清楚問題是什麼,我認爲這與放置其中一個線。需要幫助,因爲按按鈕HTML/Javascript時聲音不會播放

https://jsfiddle.net/70kwwpqp/

<div class="animatedButton"> 

    <audio id="Sound" src="Sounds/beep.mp3"> </audio> 

    <a href="Home.html"> 
    <button class="aButton" <onclick="playBeep()"> <img src="img/Home.png"> </button> 
    </a> 

    </div> 

function playBeep() 
{ 

var sound = document.getElementById("aButton") 
sound.play() 

} 
+1

您分配了 'A按鈕' 作爲個按鈕的類。另外一個錯字' OneNeptune

+0

鏈接內不允許使用按鈕。見https://stackoverflow.com/questions/6393827/can-i-nest-a-button-element-inside-an-a-using-html5 –

+0

'aButton'是一個班級,你正在使用'getElementById' – Nihal

回答

0

你有一個語法錯誤和突出的jsfiddle爲你。 onclick之前不應該有<

此外,你得到button並要求它play()。您應該通過編號Sound獲取音頻元素並播放該元素。

+0

我已經做到了,但我仍然得到一個錯誤 playBeep未定義在HTMLButtonElement.onclick –

+0

更新與另一個問題,你可能需要修復。如果還有更多的話。 @ CaseyKusella-Gussin – mintychai

1

<audio id="audio" src="http://www.soundjay.com/button/beep-07.wav" autostart="false" ></audio> 
 
    <a onclick="playSound();"> Play</a> 
 
    <script> 
 
    function playSound() { 
 
      var sound = document.getElementById("audio"); 
 
      sound.play(); 
 
     } 
 
    </script>

+0

其他人都說過,儘管一言爲蔽,但沒有其他工作。 我現在得到的錯誤:playBeep沒有在HTMLButtonElement.onclick 定義你能幫我嗎? –

+0

在src中嘗試不同的聲音 – Nihal

+0

這是因爲他們將函數名稱更改爲「playSound()」。這是你的問題嗎? – mintychai