点击更改audiosource JS

Question

如何在单击按钮时更改AudioFile？

首先Audiofile应该启动onLoad并单击时更改为第二个文件。球员不可见。

如果可能的话，请在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（）将被调用，当我们单击更改音频按钮。