在 HTML5 中,使用 <audio> 元素可以嵌入音频文件到网页中。以下是一个简单的示例:
<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