单击JS更改audiosource

时间:2016-03-02 09:08:37

标签: javascript html html5-video

如何在按钮点击时更改AudioFile?

第一个Audiofile应该从onLad开始,当点击时更改为第二个文件。球员应该是可见的。

如果可能,请在JavaSript中回答!

2 个答案:

答案 0 :(得分:1)

实际上它很简单:) 只需在按钮的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()。

答案 1 :(得分:0)

试试这个:

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>