0

Есть некий звук, который нужно воспроизвести через 3 секунды после загрузки станицы


А если 2 аудио на странице, первое должно сразу воспроизводиться (воспроизводится), а второе через 3 секунды? Как обратиться ко второму аудио?

7
  • Как вариант - добавить в начало аудиотрека 3 секунды тишины.
    – pepsicoca1
    7 ноя 2019 в 11:16
  • так уж вышло, что без клика - нельзя включить аудио 7 ноя 2019 в 11:21
  • @StrangerintheQ, вроде всё можно. Есть костыли с autoplay muted и с audio.play().catch(e => audio.play()).
    – Qwertiy
    7 ноя 2019 в 11:24
  • @StrangerintheQ, в конце сентября работало :)
    – Qwertiy
    7 ноя 2019 в 11:26
  • @Qwertiy не работает - codepen.io/strangerintheq/pen/WNNvZmo?editors=1010 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. вот если заставить кликнуть - то работает 7 ноя 2019 в 11:28

3 ответа 3

0
window.onload = () => {
    setTimeout(() => document.querySelector('audio').play(), 3000)
};
1
  • В целом - нет, это не сработает, читайте комменты под вопросом 7 ноя 2019 в 11:48
0

https://jsfiddle.net/qjbm9ezf/

На jsfiddle работает, в сниппете что-то не хочет...

setTimeout(function () {
  var audio = document.querySelector('audio')
  
  audio.muted = false
  audio.currentTime = 0
  audio.play()
}, 3000)
<audio autoplay muted>
  <source src="https://www.scottsmitelli.com/static-articles/2008/hypno-angrymachine.mp3" type="audio/mpeg">
  <source src="https://www.scottsmitelli.com/static-articles/2008/hypno-angrymachine.ogg" type="audio/ogg">
</audio>

0

NOV 2019

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

работает autoplay для тега video, но если у него стоит mute, вероятно, из тех же соображений...

PS: Я все проверяю в Google Chrome, вероятно в каких-то браузерах и сработает.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.