示例網頁播放聲音

Question

我正在嘗試爲母語課程創建一個非常簡單的網頁。我想要的是非常簡單的：我有文字，當它被點擊時會播放等效的聲音文件。不過，我在這方面是一個新手，我很確定那裏必須有一個簡單的，最好已經使用HTML5，我可以從中吸取靈感或用作模板。任何人都可以推薦我嗎？

Answer 1

<audio id="myTune"> 
    <source src="path/to/audio.mp3" type="audio/mpeg"> 
</audio> 
<button onclick="document.getElementById('myTune').play()">Play Music</button> 

這是html5嵌入音頻片段的方式。如果你想按鈕只顯示爲文本，你可以應用一些簡單的CSS它像這樣：

button { 
    background:none!important; 
    border:none; 
    padding:0!important; 
    color:black; 

    /* Make the cursor look like it is over a button. 
    Just remove this line if you want the cursor to 
    stay the same when you hover over the text */ 
    cursor:pointer; 
} 

這link應該是有幫助的。這是html 5音頻標籤的解釋以及它與哪些瀏覽器兼容。