Встраивание видеочата в мой личный веб-сайт с помощью WebRTC, WebSockets и Go

Встраиваниевидеочатавмойличныйвебсайтспомощьюwebrtcwebsocketsиgo

Встраивание видеочата в мой личный веб-сайт с использованием WebRTC, Websockets и Golang на GCP.

2021 – 50 – 05

В последнее время меня все больше и больше интересует, как WebRTC работает, поэтому несколько недель назад я решил добавить страницу на свой веб-сайт, где я мог бы настроить одноранговое видео. чаты. Существует множество библиотек и сервисов, чтобы сделать это чрезвычайно простым, но зная, что WebRTC теперь хорошо поддерживается в браузерах и на разных устройствах, я хотел попробовать сделать все сам с минимальными зависимостями. Оказалось, что это был интересный проект. Также было трудно найти простые примеры и объяснения этого, поэтому я надеюсь предоставить это здесь.

Фронтенд

Я смог сделать все, что мне нужно, во фронтенде с ванильным Javascript и HTML. Единственный необходимый HTML-код – это некоторые элементы для отображения локальных и удаленных видеопотоков:

     

Я необходимо, чтобы определить, кто текущий пользователь и с кем он хочет поговорить. У меня нет пользователей, файлов cookie или чего-либо подобного на моем веб-сайте, поэтому я просто использую параметры запроса URL и генерирую уникальную ссылку для каждого «пользователя». Ниже peer1 сможет перейти по первой ссылке, чтобы поговорить с peer2, и наоборот:

  https://mattbutterfield.com/video?userID=peer1&peerID=peer2 https://mattbutterfield.com/ видео? userID = peer2 & peerID = peer1  

Leave a comment

Your email address will not be published. Required fields are marked *