Hinzufügen von Audio-/Videoanrufen in der HTML5-App

Question

Ich arbeite an der HTML5-App, mit der mehrere Benutzer an einem Dokument arbeiten können. Ich muss eine Möglichkeit hinzufügen, damit Benutzer (das gleiche Dokument redigierend) miteinander sprechen können. Und ich weiß einfach nicht, wie ich damit anfangen soll. Hier sind meine Fragen

1. Gibt es eine HTML5-Bibliothek, die es ermöglicht, Sound vom Mikrofon zwischen Clients zu übertragen?
2. Was ist mit Streaming-Video von der Kamera?
3. Was ist eine einfachste serverseitige Lösung dafür?

Alle Gedanken werden sehr geschätzt! Also sei nicht schüchtern! :)

UPD: bitte beachten Sie, dass ich eine Fähigkeit für mehr als zwei Benutzer brauchen, um zu sprechen.

Answer 1

Dazu können Sie WebRTC verwenden.

Dies ist jedoch eine sehr junge und unfertige Technologie, die, wie bereits erwähnt, derzeit nur in Chrome Stable und Firefox Beta verfügbar ist. Dies bedeutet, dass wahrscheinlich Änderungen an der aktuellen Spezifikation vorgenommen werden, was bei einer frühen Implementierung beachtet werden muss. Es ermöglicht Ihnen jedoch, Video- und Audiokommunikation direkt im Browser zu verwenden.

Quick-Start hier:
http://www.html5rocks.com/en/tutorials/webrtc/basics/

Weitere Optionen sind Flash-basierte Plugins wie flash-videoio. Dies ist ein Open-Source-Plugin, aber natürlich wird Adobe Flash benötigt. Dies kann oder kann kein Problem sein, abhängig von der Sicherheitsrichtlinie des Unternehmens.

Technische Details zur Implementierung finden Sie in den Beispielen auf den bereitgestellten Links.

Für many-to-many können Sie entweder:

1. "Mesh" - jeder verbindet sich mit jedem. Dies ist jedoch teuer für die CPU und Handys sind oft weggelassen.
2. "Star" - jeder geht durch das leistungsfähigste Gerät. Bei vielen Verbindungen wird dies jedoch bald für das Gerät, das alle Verbindungen verarbeitet, langsam ablaufen.
3. MCU. Spezialisierter Server für alle Verbindungen. Wenn Audio und Video gemischt werden, werden Aussetzer ebenfalls behandelt, ohne dass die anderen Anrufer davon betroffen sind.

Beispiele für MCUs:
http://sourceforge.net/projects/mcumediaserver/ (open source)
http://www.medooze.com/products/mcu.aspx (Gewerbe)

Answer 2

Sie suchen nach navigator.getUserMedia()

, dass die verschiedenen Benutzern erlaubt, Video-Audio und Daten gemeinsam nutzen.

die unterstützung ist sehr gering ... nur chrome und die neuesten versionen von oper und firefox unterstützen es.

und total keine Unterstützung auf mobilen Geräten ... vielleicht in der nächsten Android-Chrom ... Keine Ahnung

, da es viel zu und i, wie u wollen Setup alles, was ich vorschlagen u lesen keine Ahnung haben zu sprechen ein wenig mehr über das auf den 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/

und serverseitige Lösung nahh ... das ist keine gute Lösung

client ist der Weg zu gehen.

Answer 3

Nicht sicher, ob Sie es selbst von Grund auf neu erstellen müssen oder in der Lage sind, Bibliotheken/Tools von Drittanbietern zu verwenden.

In diesem Fall würde ich empfehlen, Tokbox verwenden, die Unterstützung für WebRTC und SDK für iOS hat.

Ihre API ist einfach und einfach zu bedienen.