Добавление аудио/видео вызовов в приложении HTML5

Question

Я работаю над приложением HTML5, которое позволяет нескольким пользователям работать над одним документом. Мне нужно добавить возможность пользователям (редактировать один и тот же документ) разговаривать друг с другом. И я просто не знаю, как начать с этого. Вот мои вопросы

1. Есть ли библиотека HTML5, позволяющая передавать звук из микрофона между клиентами?
2. Как насчет потокового видео с камеры?
3. Для чего это самое простое решение на стороне сервера?

Любые мысли приветствуются! Так что не стесняйтесь! :)

UPD: Обратите внимание, что мне нужна аббревиатура для более чем двух пользователей для разговора.

Answer 1

Для этого вы можете использовать WebRTC.

Однако это очень молодая и незавершенная технология, которая, как уже говорилось, доступна только в Chrome stable и Firefox beta. Это означает, что, вероятно, появятся изменения в текущей спецификации, что нужно знать в случае ранней реализации. Но это позволяет вам использовать видео и аудио связь непосредственно в браузере.

Быстрый начало здесь:
http://www.html5rocks.com/en/tutorials/webrtc/basics/

Другие варианты плагинов на основе флэш, такие как flash-videoio. Это плагин с открытым исходным кодом, но, естественно, потребуется установить Adobe Flash. Это может быть или не быть проблемой в зависимости от политики безопасности компании.

Для получения подробных сведений о реализации см. Примеры приведенных ссылок.

Для многих ко многим вы можете использовать:

1. «Mesh» - все соединяется со всеми. Это, однако, дорого стоит на процессоре, а мобильные телефоны часто не учитываются.
2. «Звезда» - все проходят через самое способное устройство. Тем не менее, со многими подключениями, это скоро будет медленным для устройства, обрабатывающего все подключения.
3. MCU. Специализированный сервер для обработки всех подключений. Если микширует аудио и видео и выкидывает ручки, не затрагивая других абонентов.

Примеры устройства MCU:
http://sourceforge.net/projects/mcumediaserver/ (с открытым исходным кодом)
http://www.medooze.com/products/mcu.aspx (коммерческий)

Answer 2

вы ищете navigator.getUserMedia()

, что позволяет различным пользователям обмениваться видео аудио и данных.

поддержка очень низкая ... только хром и последние версии оперы и firefox поддерживают ее.

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

как есть много, чтобы говорить о, и я понятия не имеют о том, как и хотят настроить все, что я предлагаю у читать немного больше о том, что на URLs ...

http://caniuse.com/stream

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

http://dev.w3.org/2011/webrtc/editor/getusermedia.html

https://developer.mozilla.org/en-US/docs/WebRTC/navigator.getUserMedia

http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview

http://simpl.info/getusermedia/

и ServerSide решение Nahh ... то не хорошее решение

является клиентской путь.

Answer 3

Не уверен, что вам необходимо сделать это самостоятельно с нуля или использовать сторонние библиотеки/инструменты.

В этом случае я бы рекомендовал использовать Tokbox, у которого есть поддержка WebRTC и SDK для iOS.

Их API прост и прост в использовании.