Dodawanie rozmów audio/wideo w aplikacji HTML5

Question

Pracuję nad aplikacją HTML5, która pozwala kilku użytkownikom pracować nad jednym dokumentem. Muszę dodać użytkownikom możliwość edytowania tego samego dokumentu, aby ze sobą rozmawiali. I po prostu nie wiem, jak zacząć od tego. Oto moje pytania:

1. Czy istnieje biblioteka HTML5 umożliwiająca przesyłanie dźwięku z mikrofonu między klientami?
2. A co z przesyłaniem strumieniowym wideo z kamery?
3. Co to jest najłatwiejsze rozwiązanie po stronie serwera?

Wszelkie przemyślenia są wysoko cenione! Więc nie wstydź się! :)

UPD: Pamiętaj, że potrzebuję zdolności do rozmowy przez więcej niż dwóch użytkowników.

Answer 1

Do tego można użyć WebRTC.

Jest to jednak bardzo młoda i niedokończona technologia, która, jak już stwierdzono, jest obecnie dostępna tylko w stabilnej wersji Chrome i Firefoxie. Oznacza to, że prawdopodobnie pojawią się zmiany w obecnej specyfikacji, o czym należy pamiętać w przypadku wcześniejszego wdrożenia. Ale pozwala korzystać z komunikacji wideo i audio bezpośrednio w przeglądarce.

skrócona tutaj:
http://www.html5rocks.com/en/tutorials/webrtc/basics/

Inne opcje są oparte wtyczki Flash, takich jak flash-videoio. Jest to wtyczka open source, ale oczywiście wymaga zainstalowania Adobe Flash. To może lub nie być problem w zależności od polityki bezpieczeństwa firmy.

Szczegóły techniczne dotyczące implementacji znajdują się w przykładach podanych linków.

Dla wielu-do-wielu można użyć albo:

1. "oczek" - każdy łączy się z każdym. Jest to jednak kosztowne w przypadku procesora, a telefony komórkowe są często pomijane.
2. "Gwiazda" - każdy przechodzi przez najbardziej odpowiednie urządzenie. Jednak w przypadku wielu połączeń będzie to wkrótce działać powoli dla urządzenia obsługującego wszystkie połączenia.
3. MCU. Wyspecjalizowany serwer do obsługi wszystkich połączeń. Jeśli miksuje audio i wideo i obsługuje także porzucenia, nie wpływając na innych dzwoniących.

Przykłady MCU:
http://sourceforge.net/projects/mcumediaserver/ (Open Source)
http://www.medooze.com/products/mcu.aspx (komercyjny)

Answer 2

szukasz navigator.getUserMedia()

który pozwala użytkownikom dzielić różne audio i wideo danych.

wsparcie jest bardzo niskie ... tylko chrom i najnowsze wersje opery i Firefoxa to obsługują.

i całkowicie bez wsparcia na urządzeniach mobilnych ... może w następnym android chrom ... dunno

jak nie ma o czym rozmawiać i nie mam pojęcia, jak u chcą setup wszystko proponuję u przeczytać trochę więcej na ten temat na adresach URL ...

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/

i ServerSide rozwiązanie nahh ... ów nie dobre rozwiązanie

stronie klienta jest do zrobienia.

Answer 3

Nie jesteś pewien, czy musisz wykonać to samodzielnie od zera, czy też możesz korzystać z bibliotek/narzędzi innych firm.

W takim przypadku polecam używanie Tokbox, która obsługuje WebRTC i SDK dla iOS.

Ich interfejs API jest prosty i łatwy w użyciu.