js 控制 HTML5 audio標籤 播放音頻文件

<!DOCTYPE html>
<html lang="en">

<head>
  <title>js 控制 HTML5 audio標籤 播放音頻文件</title>
</head>

<body>
  <button onclick="play()">播放音頻</button>
  <button onclick="pause()">暫停音頻</button>
  <button onclick="stop()">停止音頻</button>
  <button onclick="skip()">跳到第10秒</button>
  <script type="text/javascript">
    var audio = document.createElement("audio");
    audio.src = "alarm.mp3";
    audio.controls = true

    document.body.append(audio)
    function play() {
      audio.play();
    }
    function pause() {
      audio.pause();
    }
    function stop() {
      audio.currentTime = 0;
      audio.pause();
    }
    function skip() {
      audio.currentTime = 10;
      audio.play();
    }
  </script>
</body>

</html>

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章