Что должны делать образцы WebRTC на https://webrtc.github.io/samples/?

Я пытаюсь работать с примерами WebRTC из https://webrtc.github.io/samples/.

IIUC, это должны быть вполне современные и оригинальные минимальные образцы, которые помогут понять технологию.

Итак, я ищу, например, https://webrtc.github.io/samples/src/content/peerconnection/pc1/ который должен быть демонстрацией однорангового соединения.

Несмотря на то, что это должна быть демонстрация подключения Вглядеться, все, что она делает, это показывает мне мою собственную камеру на одной машине. Даже если запускаю на двух машинах, на каждой вижу свою картинку с камеры.

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

Я что-то пропустил здесь.

Я знаю, что в Интернете есть множество других решений для конференций WebRTC для демонстрационных целей, но все они намного сложнее. Я ищу простую демонстрацию 1: 1 с исходным кодом, которая позволит охватить концепцию.

Проверьте github.com/akoidan/pychat и github.com/akoidan/pychat/tree/master/fe/src/webrtc, есть пример с webrtc, который вы можете запускать и отлаживать в докере с помощью одной команды docker run -p 443:443 deathangel908/pychat-test также вы можете протестировать pychat.org в 2 окнах, выполняя вызов

deathangel908 22.05.2019 21:44
3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
0
1
1 006
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Посмотрите на сопутствующий проект ок или шаги 7 и 8 Лаборатория кода WebRTC.

Наличие «пиров» требует огромных усилий, таких как запуск сервера сигнализации. Проект примеров предназначен только для демонстрации того, как использовать API-интерфейсы, и позволяет избежать темы сигнализации, вызывая функции API для другого объекта на той же странице.

Я предполагал это; просто хотел перепроверить. Возможно, они должны сделать это немного более понятным на странице.

TorstenS 22.05.2019 15:13

В webrtc.github.io/образцы упоминается apprtc, а в ридми нет. Обновлен ответ, чтобы включить кодовую лабораторию webrtc (которая вообще не упоминается по причинам, которые я не понимаю)

Philipp Hancke 22.05.2019 21:37

Я сам изменил демо-код на: http://wx.qibu.net.cn/home/demo, используя signalR для веб-сокета. вы можете запускать его между разными ПК Демонстрационный код должен быть отдельным и при необходимости использовать оглушение и переключение серверов.

используйте firefox, если вы хотите запустить мою демонстрационную страницу. хром нужен https

codemaker 24.05.2019 12:08

... и не могли бы вы немного объяснить, как его использовать? Я случайно нашел wx.qibu.net.cn/home (без демо), это что-то другое, но как-то работает, но я не совсем понимаю, как.

TorstenS 29.05.2019 09:52

Демонстрация однорангового видеочата: wx.qibu.net.cn/home/demo да, это работает очень хорошо. шаги следующие: 1. откройте демонстрационную страницу в Firefox на первом ПК. 2. нажмите кнопку запуска. 3. нажмите кнопку ввода. 4. откройте демонстрационную страницу в firefox на другом ПК. 5. нажмите кнопку «Пуск» и на втором ПК. 6. также нажмите кнопку ввода на втором ПК. 7. Вернитесь на демонстрационную страницу первого ПК. 8. ​​Нажмите кнопку вызова. 9. Вернитесь на демонстрационную страницу второго ПК. 10. Нажмите кнопку ответа.

codemaker 30.05.2019 11:28

Извините, не повезло. IIUC, я нажму Start, затем Enter на ПК1; затем я нажимаю Start и Enter на ПК2, затем нажимаю «Вызов» на ПК1 и «Ответить на ПК2». Я делаю это, но на обоих ПК я вижу себя и имею локальную аудиопетлю. Извиняюсь.

TorstenS 02.06.2019 17:55

вы можете просмотреть исходный код в Chrome, скопировать в свою среду IDE, а затем отладить его.

codemaker 04.06.2019 05:00

вам следует обратить внимание на ваш тип NAT,

codemaker 04.06.2019 05:02

Вы правы насчёт NAT. Я попробовал это в другой сети, и теперь это работает. Большое спасибо!

TorstenS 10.06.2019 12:57

Другие вопросы по теме