我正在尝试为母语课程创建一个非常简单的网页。我想要的是非常简单:我有文字,当它被点击时将播放等效的声音文件。然而,我是一个新手,我非常确定必须有一个简单的,最好已经使用HTML5,我可以从中吸取灵感或用作模板。有谁能推荐我一个?
答案 0 :(得分:0)
<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的音频标签及其兼容的浏览器的解释。