звук паузы при щелчке мыши - PullRequest
Новая
       31

звук паузы при щелчке мыши

0 голосов
/ 18 мая 2018

Я пытаюсь создать свой собственный аудиоплеер.Я сделал символы «воспроизведение», «пауза» и «остановка» (формат Png), и я не смог найти решения, чтобы на самом деле рекламировать функции паузы и остановки, когда вы нажимаете на них.

Я понял, как воспроизводить звук, когда нажимается слово «воспроизведение» (без кнопки), но я теряюсь, когда дело доходит до добавления «паузы» или «остановки».

IЯ новичок, использующий html / css, поэтому, пожалуйста, прости меня, если я не очень ясно.Вот что у меня есть: 

<audio id="audio" src="sons/son.mp3" autostart="false" ></audio>
<a onclick="PlaySound()"> Play </a>
<script>
function PlaySound() {
      var sound = document.getElementById("audio");
      sound.play()
  }
</script>

Спасибо за ваши ответы.

1 Ответ

0 голосов
/ 18 мая 2018

Вы были на правильном пути, чтобы достичь этого!

Сначала вы объявляете глобально свою переменную sound , чтобы получить ее от трех ваших функций.Чтобы приостановить звук, вы используете метод .pause (), а для его остановки вы вернетесь к 0-секундному времени воспроизведения со свойством .currentTime.

Код: 

<audio id="audio" src="sound.mp3" autostart="false" ></audio>

<a href="#" onclick="PlaySound()">Play</a>
<a href="#" onclick="PauseSound()">Pause</a>
<a href="#" onclick="StopSound()">Stop</a>

<script>
    const sound = document.getElementById("audio")

    function PlaySound() {
        sound.play()
    }

    function PauseSound(){
        sound.pause()
    }

    function StopSound(){
        sound.pause()
        sound.currentTime = 0
    }
</script>

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

...