示例网页播放声音

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音频标签的解释以及它与哪些浏览器兼容。