<audio controls>
<source src="audio.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
上述代码包含了一个 <audio> 元素,其中的 controls 属性会在浏览器中显示音频播放器的控件,包括播放、暂停、音量等。<source> 元素用于指定音频文件的源和类型,可以提供多个 <source> 元素以便浏览器选择支持的第一个源。
在这个例子中,如果浏览器不支持 <audio> 元素,会显示 "Your browser does not support the audio tag."。
如果你想通过 JavaScript 控制音频的播放,可以使用以下方式:
<audio id="myAudio">
<source src="audio.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
<button onclick="playAudio()">Play</button>
<button onclick="pauseAudio()">Pause</button>
<script>
var audio = document.getElementById("myAudio");
function playAudio() {
audio.play();
}
function pauseAudio() {
audio.pause();
}
</script>
上述代码中,通过给 <audio> 元素设置一个 id,然后使用 JavaScript 获取该元素,并通过 play() 和 pause() 方法来控制音频的播放和暂停。
转载请注明出处:http://www.zyzy.cn/article/detail/12497/HTML5