如何使用 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