electron-webrtc-meeting-room

При клонировании репозитория используйте команду --depth 1 для уменьшения объёма загрузки.

Введение

Пример комнаты для аудио- и видеоконференций на основе сервера sfu/mesh и клиента на базе electron.

Для использования сервера mediasoup на Windows необходимо скачать mediasoup-worker-window с сайта mediasoup и настроить MEDIASOUP_WORKER_BIN согласно документации.

В случае использования webrtc в браузере требуется наличие HTTPS, при этом использование electron является более простым решением.

При работе в режиме mesh на одном компьютере и выполнении операций по созданию конференции и присоединению к ней могут возникать высокочастотные раздражающие звуки.

Связанные технологии

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

Загрузка исходного кода для тестирования

• Сервер комнаты (можно выбрать один из двух или использовать оба)

  • Режим mesh: (не требует sturnserver или turnserver для внутренней сети, но требует дополнительного sturnserver или turnserver для внешней сети)
    • Установите Node.js и TypeScript.
    • Перейдите в каталог node-room-server и выполните npm install для загрузки зависимостей, затем выполните npm run start для запуска сервера комнаты.
  • Архитектура sfu: сервер пересылки
    • Установите Node.js и TypeScript.
    • Перейдите в каталог sfu-server, отредактируйте файл config.js, указав announcedIp как IP-адрес, доступный для клиентов, выполните npm install для загрузки зависимостей и npm run start для запуска сервера комнаты.
    • Если ваш компьютер работает под управлением Windows, вы можете столкнуться с проблемой компиляции mediasoup. В этом случае следуйте инструкциям в файле README.md в каталоге sfu-server.

• Запуск клиента (клиент не требует sturnserver или turnserver в режиме sfu)

  • Выполните npm install для загрузки зависимостей и npm run start для запуска клиента, либо загрузите выпущенную версию.
  • Настройте соответствующую информацию в клиенте.

Скриншоты:

• Вход в систему:

  • https://images.gitee.com/uploads/images/2021/0403/182506_85891f2e_1927643.png "client01.png"

• Настройки:

  • https://images.gitee.com/uploads/images/2021/0403/182523_896244c2_1927643.png "client02.png"

• Демонстрационная страница для одного компьютера:

  • https://images.gitee.com/uploads/images/2021/0403/182544_3fe56e5e_1927643.png "client04.png"

• Описание изображения:

  • https://images.gitee.com/uploads/images/2021/0414/165352_0c82a2bc_1927643.png "QQ20210414165306.png"

О turnserver

Мой собственный stun/turn-сервер реализован с использованием docker и образа zolochevska/turn-server.

Примечание

Исходный код node-room-server можно найти по адресу https://github.com/harcop/webrtc-demo.git. Исходный код sfu-сервера доступен по адресу https://github.com/Dirvann/mediasoup-sfu-webrtc-video-rooms.git. Для Android-версии обратитесь к https://github.com/haiyangwu/mediasoup-demo-android.git.

Это похоже на создание автомобиля из чужих двигателя и колёс, а также собственного кузова.

Ссылки

• Комната сервера и webrtc: https://github.com/harcop/webrtc-demo.git
• Аудиовизуализация: https://www.jq22.com/jquery-info22983
• Сервер: https://zhuanlan.zhihu.com/p/56428846
• Licode — реализация SFU/MCU на основе webrtc: https://www.jianshu.com/p/dcc5ba06b49f
• Webrtc mediasoup sfu сервер: https://github.com/Dirvann/mediasoup-sfu-webrtc-video-rooms.git