如何使用 HTML 和 JavaScript 在單擊按鈕時播放音頻文件？

Question

此代碼僅返回音量圖標和鏈接屬性，不播放音頻文件：

 function playSound() { var sound = document.getElementById("audio"); sound.play(); }

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <div class="name"> My name is <div> <a><i class="fa fa-volume-up" style="font-size:24px" onclick="playSound()"></i></a> </div> Basiyath Zubair <audio id="audio" src="./audio/name.mp3"></audio> </div>

Answer 1

如果您將正確的 URL 分配給audio的src屬性，它將起作用，例如

 function playSound() { var sound = document.getElementById("audio"); sound.play(); }

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <div class="name"> My name is <div> <a><i class="fa fa-volume-up" style="font-size:24px" onclick="playSound()"></i></a> </div> Basiyath Zubair <audio id="audio" src="https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3"> Your browser does not support the <code>audio</code> element. </audio> </div>

Answer 2

試試這個，它可能對你有用

<!DOCTYPE html>
<html>
<body>
<audio id="myAudio">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
<p>Click the buttons to play or pause the audio.</p>
<button onclick="playAudio()" type="button">Play Audio</button>
<button onclick="pauseAudio()" type="button">Pause Audio</button>
<script>
    var x = document.getElementById("myAudio"); 

    function playAudio() { 
      x.play(); 
    } 

    function pauseAudio() { 
     x.pause(); 
    }
</script> 
</body>
</html>

如何使用 HTML 和 JavaScript 在單擊按鈕時播放音頻文件？

問題描述

2 個解決方案

解決方案1
1 2019-10-16 08:05:55

解決方案2
0 2019-10-16 08:11:42

如何使用 HTML 和 JavaScript 在單擊按鈕時播放音頻文件？

問題描述

2 個解決方案

解決方案1 1 2019-10-16 08:05:55

解決方案2 0 2019-10-16 08:11:42

解決方案1
1 2019-10-16 08:05:55

解決方案2
0 2019-10-16 08:11:42