Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.12.2020, 13:20
Кандидат Javascript-наук
Отправить личное сообщение для CryNet Посмотреть профиль Найти все сообщения от CryNet
 
Регистрация: 02.01.2019
Сообщений: 100

Как восспроизвести аудио в React после загрузки страницы?
Мне нужно при отрисовки компонента на автомате восспроизвести аудио посредством JS. Нужно именно так, потому что на JS обрабатывается сама дорожка. Я пробую так:

function onPlay(audioRef) {
     ...
     audioRef.current.play()
  }

 ...

  useEffect(() => {
    return onPlay(audioRef)
  }, [])

  return(
    <audio
      ref={audioRef}
      loop
      src={sound}>
    </audio>
  )



Но получаю ошибку:
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
Как правильно восспроизвести аудио на автомате без участия юзера?
Ответить с цитированием
  #2 (permalink)  
Старый 17.12.2020, 21:42
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 1,102

Сейчас браузеры часто блокируют автоматическое воспроизведение аудио, если это не связано с явными действиями пользователя.
https://developer.mozilla.org/en-US/...Autoplay_guide
Ответить с цитированием
  #3 (permalink)  
Старый 18.12.2020, 10:20
Кандидат Javascript-наук
Отправить личное сообщение для CryNet Посмотреть профиль Найти все сообщения от CryNet
 
Регистрация: 02.01.2019
Сообщений: 100

Сообщение от voraa Посмотреть сообщение
Сейчас браузеры часто блокируют автоматическое воспроизведение аудио, если это не связано с явными действиями пользователя.
https://developer.mozilla.org/en-US/...Autoplay_guide
А как этого избежать?

Последний раз редактировалось CryNet, 18.12.2020 в 10:23.
Ответить с цитированием
  #4 (permalink)  
Старый 18.12.2020, 11:01
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 1,102

Сообщение от CryNet
Как правильно восспроизвести аудио на автомате без участия юзера?
Сообщение от CryNet
А как этого избежать?
Для того и блокируют, что бы каждый сайт без предупреждения не издавал всяких какафоний.
Ответить с цитированием
  #5 (permalink)  
Старый 18.12.2020, 13:38
Кандидат Javascript-наук
Отправить личное сообщение для CryNet Посмотреть профиль Найти все сообщения от CryNet
 
Регистрация: 02.01.2019
Сообщений: 100

Сообщение от voraa Посмотреть сообщение
Для того и блокируют, что бы каждый сайт без предупреждения не издавал всяких какафоний.
Та тут онлайн игра. Тут нужен звук при загрузке страницы
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменить текст в iframe после загрузки страницы сайта aleksandr8i Общие вопросы Javascript 0 16.08.2015 10:58
Как подключить блок после загрузки страницы? aliasst Events/DOM/Window 2 04.03.2015 13:03
Сохранение данных после закрытия страницы HekracoB AJAX и COMET 12 02.01.2015 11:41
Открыть Div только после полной загрузки страницы xatan Общие вопросы Javascript 2 09.05.2014 05:33
как восстановить строку после обновления страницы? byMary Общие вопросы Javascript 7 03.08.2012 12:48