html - 示例网页播放声音

Question

我正在尝试为母语类(class)创建一个非常简单的网页。我想要的非常简单:我有一个文本，单击该文本可以播放等效的声音文件。但是，我是这个方面的新手，而且我很确定那里肯定有一个简单的工具，最好已经使用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音频标签及其兼容浏览器的说明。