Почему моя кнопка остановки не работает на этом аудио плеере javascript? - PullRequest
Новая
       67

Почему моя кнопка остановки не работает на этом аудио плеере javascript?

0 голосов
/ 21 ноября 2018

Хорошо, привет, люди.У меня есть простой аудиоплеер, в котором работают кнопка воспроизведения и кнопка паузы, но не кнопка остановки.Поскольку кнопка паузы работает, могу ли я как-то просто повторить функцию паузы, но настроить песню на повторный запуск в 0,00 раза и использовать ее в качестве кнопки остановки?

<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>

<script>
function play(){
   var audio = document.getElementById("audio");
   audio.play();
             }

    function stop(){
   var audio = document.getElementById("audio");
   audio.stop();
             }

    function pause(){
   var audio = document.getElementById("audio");
   audio.pause();
             }



</script>

<input type="button" value="PLAY"  onclick="play()">

  <input type="button" value="STOP"  onclick="stop()">

  <input type="button" value="PAUSE"  onclick="pause()">


  <audio id="audio" src="i_am.mp3" ></audio>

  <audio id="audio" src="311.mp3" ></audio>

  <audio id="audio" src="thievery_corporation.mp3" ></audio>

  <audio id="audio" src="saxy.mp3" ></audio>

  <audio id="audio" src="silent_rider.mp3" ></audio>

 </body>
 </html>

1 Ответ

0 голосов
/ 23 ноября 2018

В вашей функции остановки попробуйте приостановить и установить текущее время: 

function stop() {
  const audio = document.getElementById('audio');
  audio.pause();
  audio.currentTime = 0;
}

См. Также: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime

...