单击 JS 更改音频源

Question

如何在单击按钮时更改音频文件？

第一个音频文件应该在加载时启动，点击后切换到第二个文件。播放器不应该是可见的。

如果可能请用JavaSript回答！

Answer 1

试试这个：

var url = "http://hydra-media.cursecdn.com/dota2.gamepedia.com/e/e5/Invo_laugh_07.mp3";
document.getElementsByTagName('button')[0].onclick = function() {
  document.getElementsByTagName('audio')[0].src = url;
};

<audio autoplay src="http://hydra-media.cursecdn.com/robocraft.gamepedia.com/c/c6/BattleLoop.mp3"></audio>
<button>button</button>

Answer 2

其实很简单:) 只需在按钮的 onClick 事件上调用 javascript 函数。

//demo.html

<script>
var url = "mymusic.mp3";
function changeURL(){
  document.getElementByIde('audio1').src = url;
}  
</script>


<audio id="audio1" autoplay src="my.mp3"></audio>
<button onclick="changeURL()">Change Audio</button>

在示例中，当我们点击更改音频按钮时，函数 changeURL() 将被调用。

单击 JS 更改音频源

change audiosource on click JS

html

javascript

html5-video