Как воспроизвести <audio> с задержкой?
71
26 октября 2021, 10:00
Есть некий звук, который нужно воспроизвести через 3 секунды после загрузки станицы
А если 2 аудио на странице, первое должно сразу воспроизводиться (воспроизводится), а второе через 3 секунды? Как обратиться ко второму аудио?
Answer 1
window.onload = () => {
setTimeout(() => document.querySelector('audio').play(), 3000)
};
Answer 2
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>Answer 3
NOV 2019
Из соображений безопасности - без клика невозможно включить звук на странице, а если клик (не важно куда) уже был совершен - помогут решения из соседних ответов.
работает autoplay для тега video, но если у него стоит mute, вероятно, из тех же соображений...
PS: Я все проверяю в Google Chrome, вероятно в каких-то браузерах и сработает.
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47563 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30496 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23632 visits
- Как через css изменить цвет png изображения? 10350 visits
- Blob video url download 9958 visits
- Php curl запрос через прокси с авторизацией 9210 visits
- Работа с captcha vk api 8094 visits
© "hostciti.net" 25.11.2024 | 07:47