Как воспроизвести звук с Javascript? - PullRequest
Новая
       10

Как воспроизвести звук с Javascript?

0 голосов
/ 12 февраля 2020

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

Вот мой HTML: 

<div class="buttons">
    <a id="play" href="#" class="btn">
        <audio id="myaudio">
            <source src="media/tasmanian-devil-daniel_simon.mp3" preload="auto"  > 
        </audio>
        <br>
        <i class="fas fa-play"></i>
    </a>
</div>

Ответы [ 2 ]

0 голосов
/ 12 февраля 2020

Метод 1 - с контролем по умолчанию
Ответ от Niels Bosman

Метод 2 - с пользовательской кнопкой 

-- JS  
const myaudioInput = document.querySelector('#myaudio');

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

-- HTML  
<i class="fa fa-play" onclick="playAudio()"></i>

для приостановки 

myaudioInput.pause();

для перезапуска 

myaudioInput.pause();
myaudioInput.currentTime = 0;
myaudioInput.play();
0 голосов
/ 12 февраля 2020

Я думаю, вам может понадобиться добавить атрибут controls к вашему тегу <audio>. Таким образом, вам не нужны дополнительные кнопки.

Это будет выглядеть так: 

<div class="buttons">
    <audio id="myaudio" controls>
        <source src="media/tasmanian-devil-daniel_simon.mp3" preload="auto">
    </audio>
</div>
...