點擊更改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（）將被調用，當我們單擊更改音頻按鈕。