HTML | DOM 音频 play() 方法(1)

📌 相关文章

📜 HTML | DOM 音频 play() 方法(1)

📅 最后修改于: 2023-12-03 15:31:14.834000 🧑 作者: Mango

HTML | DOM 音频 play() 方法

简介

HTML5的audio元素提供了play()方法来控制播放音频。HTMLAudioElement.play()方法启动音频播放或从暂停状态恢复播放。

语法

<audio id="audioPlayer" src="music.mp3"></audio>

let audio = document.getElementById('audioPlayer');
audio.play();

参数

无。

返回值

无。

例子

<!DOCTYPE html>
<html>
  <head>
    <title>Play Audio</title>
  </head>
  <body>
    <h1>Play Audio</h1>
    <audio id="audioPlayer" src="music.mp3"></audio>
    <button onclick="playAudio()">Play</button>
    <button onclick="pauseAudio()">Pause</button>
    <script>
      let audio = document.getElementById('audioPlayer');
      function playAudio() {
        audio.play();
      }
      function pauseAudio() {
        audio.pause();
      }
    </script>
  </body>
</html>

以上代码会在页面上放置一个音频播放器和两个按钮，点击“Play”按钮将开始播放音频，点击“Pause”按钮将暂停音频。

总结

HTML | DOM 音频 play() 方法提供了很大的灵活性，使得开发者可以控制音频播放的细节。然而，由于不同浏览器之间的差异，开发者在开发过程中需要考虑兼容性问题。