{"id":30842,"date":"2019-10-31T21:37:44","date_gmt":"2019-10-31T18:37:44","guid":{"rendered":"https:\/\/prohoster.info\/blog\/ot-skype-do-webrtc-kak-my-organizovali-videosvyaz-cherez-veb\/"},"modified":"2021-02-01T11:37:06","modified_gmt":"2021-02-01T09:37:06","slug":"ot-skype-do-webrtc-kak-my-organizovali-videosvyaz-cherez-veb","status":"publish","type":"post","link":"https:\/\/prohoster.info\/pl\/blog\/administrirovanie\/ot-skype-do-webrtc-kak-my-organizovali-videosvyaz-cherez-veb","title":{"rendered":"Od Skype'a do WebRTC: jak zorganizowali\u015bmy transmisj\u0119 wideo przez sie\u0107","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Od<\/p>\n

Wideokomunikacja to g\u0142\u00f3wny spos\u00f3b komunikacji nauczyciela i studenta na platformie Vimbox. Od dawna zrezygnowali\u015bmy z Skype'a, przetestowali\u015bmy kilka zewn\u0119trznych rozwi\u0105za\u0144 i ostatecznie zatrzymali\u015bmy si\u0119 na po\u0142\u0105czeniu WebRTC - Janus-gateway. Przez jaki\u015b czas byli\u015bmy zadowoleni, ale pewne negatywne aspekty nadal si\u0119 pojawia\u0142y. W efekcie stworzono oddzia\u0142 zajmuj\u0105cy si\u0119 wideo.<\/p>\n

Poprosi\u0142em Kirilla Rogovogo, szefa nowego dzia\u0142u, o opowiedzenie o ewolucji wideokomunikacji w Skyeng, napotkanych problemach, rozwi\u0105zaniach oraz obej\u015bciach, kt\u00f3re ostatecznie zastosowali\u015bmy. Mamy nadziej\u0119, \u017ce artyku\u0142 b\u0119dzie pomocny dla firm, kt\u00f3re r\u00f3wnie\u017c wprowadzaj\u0105 wideokomunikacj\u0119 przez aplikacj\u0119 webow\u0105.<\/p>\n

<\/a><\/noindex><\/p>\n

Historia<\/h2>\n

Latem 2017 roku szef dzia\u0142u rozwoju Skyeng, Siergiej Safonow, wyst\u0105pi\u0142 na Backend Conf z prezentacj\u0105 o tym, jak \"zrezygnowali\u015bmy z Skype'a i wdro\u017cyli\u015bmy WebRTC\". Ch\u0119tni mog\u0105 obejrze\u0107 nagranie wyst\u0105pienia pod linkiem<\/a><\/noindex> (~45 min), a tutaj kr\u00f3tko przedstawiam jego istot\u0119.<\/p>\n

Dla szko\u0142y Skyeng wideokomunikacja zawsze by\u0142a priorytetowym sposobem komunikacji nauczyciel-ucze\u0144. Na pocz\u0105tku u\u017cywali\u015bmy \u201eSkype'a\u201d, ale z wielu powod\u00f3w by\u0142 on zupe\u0142nie nieadekwatny, przede wszystkim z powodu braku log\u00f3w i niemo\u017cno\u015bci integracji bezpo\u015brednio w aplikacji webowej. Dlatego przeprowadzali\u015bmy r\u00f3\u017cne eksperymenty.<\/p>\n

W\u0142a\u015bciwie, nasze wymagania dotycz\u0105ce wideokomunikacji by\u0142y mniej wi\u0119cej takie:
\n\u2014 stabilno\u015b\u0107;
\n\u2014 niska cena za lekcj\u0119;
\n\u2014 nagrywanie lekcji;
\n\u2014 \u015bledzenie, kto ile m\u00f3wi (wa\u017cne dla nas, aby uczniowie m\u00f3wili wi\u0119cej ni\u017c nauczyciele);
\n\u2014 liniowe skalowanie;
\n\u2014 mo\u017cliwo\u015b\u0107 u\u017cywania zar\u00f3wno UDP, jak i TCP.<\/p>\n

Pierwszym rozwi\u0105zaniem w 2013 roku, kt\u00f3re spr\u00f3bowali\u015bmy wdro\u017cy\u0107, by\u0142 Tokbox. Wszystko dzia\u0142a\u0142o dobrze, ale okaza\u0142o si\u0119 bardzo kosztowne \u2013 113 rubli za lekcj\u0119 \u2013 co zjada\u0142o zyski.<\/p>\n

Nast\u0119pnie w 2015 roku zintegrowali\u015bmy Voximplant. Tutaj by\u0142a potrzebna funkcja \u015bledzenia, kto ile m\u00f3wi, a jednocze\u015bnie rozwi\u0105zanie by\u0142o znacznie ta\u0144sze: w przypadku nagrywania tylko d\u017awi\u0119ku wynosi\u0142o 20 rubli za lekcj\u0119. Jednak dzia\u0142a\u0142o tylko przez UDP, nie potrafi\u0142o prze\u0142\u0105cza\u0107 si\u0119 na TCP. Mimo to, oko\u0142o 40% uczni\u00f3w korzysta\u0142o z tego rozwi\u0105zania.<\/p>\n

Po roku zacz\u0119li\u015bmy pozyskiwa\u0107 klient\u00f3w korporacyjnych z ich specyficznymi wymaganiami. Na przyk\u0142ad, wszystko musi dzia\u0142a\u0107 przez przegl\u0105dark\u0119, w firmie dozwolone s\u0105 tylko http i https; tzn. \u017cadnych \u201eSkype'\u00f3w\u201d i UDP. Klienci korporacyjni = pieni\u0105dze, wi\u0119c wr\u00f3cili\u015bmy do Tokbox, ale problem z cen\u0105 pozosta\u0142.<\/p>\n

Rozwi\u0105zanie \u2014 WebRTC i Janus<\/h2>\n

Podj\u0119li\u015bmy decyzj\u0119 o u\u017cyciu przegl\u0105darkowej platformy do po\u0142\u0105cze\u0144 wideo peer-to-peer WebRTC<\/a><\/noindex>. Jest odpowiedzialna za nawi\u0105zywanie po\u0142\u0105czenia, kodowanie i dekodowanie strumieni, synchronizacj\u0119 \u015bcie\u017cek i kontrol\u0119 jako\u015bci z obs\u0142ug\u0105 problem\u00f3w sieciowych. Z naszej strony musimy zapewni\u0107 odczyt strumieni z kamery i mikrofonu, wy\u015bwietlanie wideo, zarz\u0105dzanie po\u0142\u0105czeniem, nawi\u0105zywanie po\u0142\u0105cze\u0144 WebRTC i przesy\u0142anie do nich strumieni, a tak\u017ce przesy\u0142anie wiadomo\u015bci sygnalizacyjnych mi\u0119dzy klientami w celu nawi\u0105zania po\u0142\u0105czenia (WebRTC opisuje tylko format danych, a nie mechanizm ich przesy\u0142ania). W przypadku, gdy klienci s\u0105 za NAT, WebRTC \u0142\u0105czy si\u0119 z serwerami STUN, je\u015bli to nie pomaga, z serwerami TURN.<\/p>\n

Zwyk\u0142e po\u0142\u0105czenie p2p nie wystarcza, poniewa\u017c chcemy nagrywa\u0107 lekcje do dalszej analizy w przypadku skarg. Dlatego przesy\u0142amy strumienie WebRTC przez retransmiter Janus Gateway od Meetecho<\/a><\/noindex>. W rezultacie klienci nie znaj\u0105 swoich adres\u00f3w, widz\u0105c tylko adres serwera Janus; pe\u0142ni on r\u00f3wnie\u017c funkcje serwera sygnalizacyjnego. Janus ma wiele potrzebnych nam funkcji: automatycznie przechodzi do TCP, je\u015bli klient ma zablokowane UDP; potrafi nagrywa\u0107 strumienie zar\u00f3wno UDP, jak i TCP; jest skalowalny; ma nawet wbudowany plugin do test\u00f3w echa. W razie potrzeby automatycznie \u0142\u0105czone s\u0105 serwery STUN i TURN od Twilio.<\/p>\n

Latem 2017 roku mieli\u015bmy dwa serwery Janus oraz dodatkowy serwer do przetwarzania nagranych surowych plik\u00f3w audio i wideo, aby nie obci\u0105\u017ca\u0107 procesor\u00f3w g\u0142\u00f3wnych. Podczas \u0142\u0105czenia serwery Janus by\u0142y wybierane na zasadzie parzysto\u015bci-nieparzysto\u015bci (numer po\u0142\u0105czenia). W tamtym czasie to wystarcza\u0142o, wed\u0142ug naszych odczu\u0107 dawa\u0142o to oko\u0142o czterokrotny zapas mocy, wska\u017anik wdro\u017cenia wynosi\u0142 oko\u0142o 80. Przy tym cena zmniejszy\u0142a si\u0119 do oko\u0142o 2 rubli za lekcj\u0119, plus rozw\u00f3j i wsparcie.<\/p>\n

\"Od<\/p>\n

Powr\u00f3t do tematu wideokomunikacji<\/h2>\n

Ci\u0105gle monitorujemy opinie uczni\u00f3w i nauczycieli, aby na czas wykrywa\u0107 i rozwi\u0105zywa\u0107 problemy. Do lata 2018 roku jako\u015b\u0107 po\u0142\u0105czenia znalaz\u0142a si\u0119 na czo\u0142owej pozycji w\u015br\u00f3d skarg. Z jednej strony oznacza\u0142o to, \u017ce skutecznie poradzili\u015bmy sobie z innymi niedoci\u0105gni\u0119ciami. Z drugiej strony, nale\u017cy szybko co\u015b zrobi\u0107: w przypadku przerwania lekcji ryzykujemy utrat\u0119 jej warto\u015bci, czasami wraz z warto\u015bci\u0105 zakupu kolejnego pakietu, a w przypadku przerwania lekcji wprowadzaj\u0105cej \u2013 wr\u0119cz utrat\u0119 potencjalnego klienta.<\/p>\n

W tym czasie wideokonferencje wci\u0105\u017c by\u0142y w trybie MVP. M\u00f3wi\u0105c pro\u015bciej, uruchomili\u015bmy, dzia\u0142a\u0142o, raz skalowali\u015bmy, zrozumieli\u015bmy, jak to zrobi\u0107 - i wszystko by\u0142o w porz\u0105dku. If it works, don\u2019t fix it. Nikt celowo nie zajmowa\u0142 si\u0119 jako\u015bci\u0105 po\u0142\u0105cze\u0144. Do sierpnia sta\u0142o si\u0119 jasne, \u017ce tak dalej by\u0107 nie mo\u017ce, i uruchomili\u015bmy osobny dzia\u0142, aby zrozumie\u0107, co dok\u0142adnie jest nie tak z WebRTC i Janusem.<\/p>\n

Na wej\u015bciu ten dzia\u0142 otrzyma\u0142: rozwi\u0105zanie MVP, brak metryk, brak cel\u00f3w, brak proces\u00f3w poprawy, a 7% nauczycieli narzeka na jako\u015b\u0107 po\u0142\u0105czenia (dane dotycz\u0105ce uczni\u00f3w r\u00f3wnie\u017c by\u0142y niedost\u0119pne).<\/p>\n

\"Od<\/p>\n

Nowy dzia\u0142 bierze si\u0119 do pracy<\/h2>\n

Zesp\u00f3\u0142 wygl\u0105da mniej wi\u0119cej tak:<\/p>\n