Как заставить работать звук WebRTC в Google Chrome?

Question

[Ростислав]

Делаю страницу трансляции на реакте, из сервера по p2p приходит MediaStream который я через ref закидываю в тег video
videoTagS.current.srcObject = stream

Проблема в том что в хроме(у всех хромиумах) не работает звук, например в firefox все норм поэтому врятли проблема в MediaStream, скорей всего это какая-то политика хрома на подобии этой - https://developer.chrome.com/blog/autoplay/
Но ее требования я вроде выполняю, контролеры стандартные включил, authoplay выключил.

<video muted controls ref={videoTagS}/>

upd: muted в теге специально, такие рекомендации гугла, но не помогло, он всеравно напрочь отрубил звук

Еще хочу добавить что смотрел track и audioContext и там все с виду норм


Пример 194.177.20.120:3999/index.html

Что бы работал стрим нужно прописать флаг

Answer 1

[Ростислав]

Нашел решение, вдруг кому пригодиться.

Нельзя что бы до нажатия пользователя на странице был плеер.

Браузеру пофиг что выключен звук, что нет чему воспроизводиться, что авто воспроизведение вообще выключено, он блокирует все если на странице до нажатия существовал даже пустой плеер. Нужно все контексты(плеер в том числе) создать после нажатия кнопки пользователем.

Answer 2

[profesor08]

Как заставить работать звук WebRTC в Google Chrome?

video muted controls ref={videoTagS}

Comments

[Ростислав]

Спасибо конечно) Но даже если добавить звук на максимум то его всеравно не будет, muted там что бы задобрить хром)

[profesor08]

Ростислав, тогда, все что остается это оставить пример кода в песочнице

[Ростислав]

profesor08, Я пробовал, не работает p2p подключение, наверное какие-то ограничения песочницы, да и скорей всего в песочнице не хром и проблем со звуком не будет

[profesor08]

Ростислав, там тот браузер, в котором ты ее открываешь, так что все норм будет. Еще смотри какие ошибки и предупреждения(желтые) в консоли. Если проблема с cors, то закинь кусок стрима прям в проект, как файл.
https://codesandbox.io/

[profesor08]

upd: muted в теге специально, такие рекомендации гугла, но не помогло, он всеравно напрочь отрубил звук

Эти рекомендации только для случаев, когда надо автоматически проигрывать видео при загрузке страницы. Попробуй сделать, чтоб все начинало работать по клику на кнопку.

[Ростислав]

profesor08, Я так и сделал, сначала с загрузкой страницы появляется плеер, после зрителем нажимается кнопка "СМОТРЕТЬ" и в плеер добавляется стрим, после нужно нажать вручную плей на контролере плеера и он запускается, поидеи в гугла не должно быть претензий
Вот выложил на тестовый сервер - 194.177.20.120:3999/index.html

Что бы работало нужно запустить на одной вкладке стрим, а на второй нажать смотреть

[Ростислав]

profesor08, Ну вот такая ошибка которой не должно быть
https://codesandbox.io/s/nostalgic-albattani-jum37...

[profesor08]

Ростислав, The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

[Ростислав]

profesor08, Там в upd я закинул скрин где создавал контекст и там написано что он запущен, или я не правильно создал?

[profesor08]

Ростислав, вот тут 194.177.20.120:3999/index.html валится куча ошибок в консоли, их неплохо бы поправить.

[Ростислав]

profesor08, У меня там нет ошибок кроме ивента на 'error' который падает с плеера если нажать плей на контролере

А при просмотре вообще нет ошибок, можете кинуть скрин?

[profesor08]

Ростислав, просто покликал по кнопкам. Подобных ошибок быть не должно в принципе, если писать на ts. А так, отлавливай, дебаж, фикси.

[Ростислав]

profesor08, А, понял, это из-за того что подключение не безопасно, не дает доступ к камере, звуку и записи с экрана, тоже политика гугла, я у себя в браузере флаг добавлял. Позже будет безопасное подключение и отлов ошибок если пользователь не дает доступ к устройствам, сейчас основу сделать, я и так этот код уже кучу раз переписывал