изменить аудиозапись на клик JS

Question

Как я могу изменить 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 кнопки.

//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() будет звонить, когда мы нажимаем на Изменить Аудио Баттона.