ВИДЕОЧАТ C НУЛЯ НА React & WebRTC + WebSockets. Аналог Zoom, Skype, Google Meet ЗА ЧАС 2021

Пишем многопользовательский видеочат на React. Аналог Zoom, Skype, Google. И разберемся как работает стандарт WebRTC.

✔️Если хочешь изучать программирование со мной, не забудь подписаться :)

Подписывайтесь на мой канал, следите за новыми полезными роликами, пишите комментарии и приятного просмотра!
#react #webrtc #видеочат

[Luke-vdes]

Спасибо, за этот ролик!! Все максимально понятно и наглядно! После просмотра наконец-то понял как это работает WebRTC и смог реализовать видеозвонки в своем курсовом проекте.

[szlovub]

Не встречал еще такого наглядного объяснения любой темы с помощью обычной консоли браузера. Но оказалось, что благодаря такой подачи схватываешь на лету все. А то, как реализовать в коде - дело каждого, в пределах разумного, конечно)
В общем, спасибо. Продвижения вам)🔥

[vmdbcqg]

Это крутой контент! Спасибо!! Очень подробно и понятно!! Ещё раз спасибо, продолжай в том же духе))

[romanlamer]

Очень познавательное и крутое видео!!!100 из 10;
Таймкоды:
0:56 - Что такое WebRTC, и как создать p2p соединение;
5:09 - Устанавливаем прямое соединеие без сервера;
10:34 - Пишем код приложения;
20:38 - Actions;
30:00 - Пример создания комнат;
32:23 - Пишем хуки;
37:53 - Захват медиа;
44:30 - Пример захвата медиа;
59:57 - Тестим наш видеочат;
1:01:00 - Добавляем стили;
1:05:50 - Наслаждаемся выполненой работой;

[nilsen]

Крутой контент, спасибо! Да и вообще на канале нетривиальные todo list, это круто

[gxgqflq]

Парень, гигантское тебе спасибище, ты просто лучший!
Дай Бог тебе здоровья и процветания твоему каналу 🙂

[suslikest]

Интересная тема и подана не на 10 часов это лайк!

[alexpresley]

Мен, спасибо тебе! Реально круто разложил все по шагам. По итогу действительно получается видео-чат, который может работать как Zoom.

[SenomSnK]

Спасибо большое за видео, такого контента очень не хватает, продолжайте в том же духе!

[dubmmvo]

Великолепно, отличные приложения. Спасибо за контент и знания!

[dimamir]

Очень интересно и познавательно. Тут и теория и практика в и класная подача. Побольше бы таких видео!

[mprowebuz-zamonaviyvasifat]

Доброго времени суток только что начал смотреть и сразу лайкнул и подписался удачи

[xespprt]

Давно хотела написать видеочат. Спасибо 😉

[yourtranquility]

Нереально крутой контент, не только актуальный, но и качественный. Спасибо!)

[alexs]

Первое видео где подробно продемонстрирован код + процесс конекта пиров, я наконец смог увидеть сериализованеую строку подключения offer/answer, до этого просто гадал как это конектится.

[xtapofficial]

Всем привет. Кто смотрит это видео в конце 2021 года - в новой версии вместо Switch нужно прописывать Routes.

[vana__f]

Ты самый крутой. Тебя обязательно благословят боги. Ты станешь круче чем IT-kamasutra

[kiwi]

Лучший туториал, что я встречала по этой теме, для тех, кому нужна быстрая реализация и общее понимание. Мне для диплома больше и не нужно, но для работы я бы хотела узнать подкапотье

[sergiistryzg]

Спасибо) Для первого знакомства самое то) Если что писать --save не обязательно ибо по умолчанию он это делает, это если в девДепенденсис хочешь засунуть то там уже придется писать --save-dev

[shztiic]

Если кому интересно, чтобы пофиксить баг с рендером при подключении множества клиентов к комнате, стоит сделать отдельный компонент для видео, куда нужно прокинуть функцию, которая бы добавляла в useEffect srcObject к видео, подход предложенный автором с useStateWithCallback не всегда срабатывает