Как реализовать воспроизведение песни, когда пользователь нажимает кнопку отправки - PullRequest
0 голосов
/ 09 октября 2019
submitQuizButton.addEventListener("click", function  () {
        showFinalPage();

 }); 

Я хотел бы реализовать аудиофайл в этой кнопке, но я понятия не имею, как написать код для него. Кто-нибудь имеет ссылку или может объяснить мне, как это работает?

Ответы [ 3 ]

1 голос
/ 09 октября 2019

Надеюсь, это поможет

<!DOCTYPE html>
<html>
<body>

<audio id="myAudio">
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

<p>Click the buttons to play or pause the audio.</p>

<button onclick="playAudio()" type="button">Play Audio</button>
<button onclick="pauseAudio()" type="button">Pause Audio</button> 

<script>
var x = document.getElementById("myAudio"); 

function playAudio() { 
  x.play(); 
} 

function pauseAudio() { 
  x.pause(); 
} 
</script>

</body>
</html>
0 голосов
/ 09 октября 2019

Это может сработать

<script>
    submitQuizButton.addEventListener("click", function  () {
        var audio = document.getElementById("audio");
        audio.play();
    });
</script>

<audio id="audio" src="src_here" ></audio>
0 голосов
/ 09 октября 2019

Без использования html

var audio = new Audio('audio.mp3');

submitQuizButton.addEventListener("click", function  () {
    showFinalPage();
    audio.play();
});

Более подробную информацию можно найти по адресу: https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...