HTML5音頻在圖像上點擊

Question

我在一個頁面上有2個圖像，這意味着要在移動瀏覽器上打開，例如我們的Chrome和safari。當有人點擊其中一個圖像時，他們會聽到一個音頻。我有這個音頻控制，但我不知道如何將它合併到圖像中，當有人點擊圖像時他們會聽到音頻。

<audio controls> 
    <source src="cat.ogg" type="audio/ogg"> 
    <source src="cat.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

<audio controls> 
    <source src="dog.ogg" type="audio/ogg"> 
    <source src="dog.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

例如，當有人點擊貓形象，我希望他們聽到貓的聲音。我有兩個版本ogg和mp3。任何幫助非常感謝

Answer 1

這是代碼;

<audio id="aud"> 
    <source src="aud.ogg" type="audio/ogg" /> 
    <source src="aud.mp3" type="audio/mpeg" /> 
</audio> 
<a href="#" onClick="document.getElementById('aud').play(); return false;"> 
    Link 
</a> 

但檢查這裏innerHTML causes unwanted scroll in Chrome