este foarte convenabil \u0219i eficient s\u0103 organiza\u021bi diverse transmisii pentru un public mare, deoarece pute\u021bi \u00eenc\u0103rca segmente pe CDN o singur\u0103 dat\u0103.<\/li>\n<\/ul>\n\nCu toate c\u0103 motorul este simplu, lucrurile nu sunt at\u00e2t de u\u0219oare pe c\u00e2t par. Principala problem\u0103 este c\u0103 dezvoltatorii de playere ter\u021b\u0103 parte s-au distan\u021bat de recomand\u0103rile Apple, de exemplu, \u00een ceea ce prive\u0219te formatele audio acceptate. \u00cen special, mul\u021bi dezvoltatori au \u00eenceput s\u0103 adauge func\u021bionalitatea de a lucra cu fluxuri audio populare: video mpeg2, audio mpeg2 \u0219i altele. Din aceast\u0103 cauz\u0103, a fost necesar s\u0103 se creeze formate diferite de liste de redare pentru diferite playere.<\/p>\n
Dar una dintre cele mai mari probleme ale motorului HLS este \u00eent\u00e2rzierea mare \u00een transmisia datelor.<\/p>\n
Istoricul \"\u00eent\u00e2rzierilor\"<\/h2>\n \nPrincipala cauz\u0103 a \u00eent\u00e2rzierii mari la HLS se \u00eendreapt\u0103 spre faptul c\u0103 programatorii au creat motorul pentru a ob\u021bine o calitate maxim\u0103 a imaginii. Prin urmare, parametrii intervalului de cadre utilizat \u0219i dimensiunea buffer-ului de redare pur \u0219i simplu nu se potrivesc pentru desf\u0103\u0219urarea transmisiunilor video live. Din acest motiv, apare o \u00eent\u00e2rziere destul de mare \u00een transmisia video, care poate ajunge la 5-7 secunde.<\/p>\n
Pe de o parte, aceasta este o \u00eent\u00e2rziere mic\u0103, de exemplu, pentru cei care vizioneaz\u0103 un film de pe un server de video hosting. Dar pentru sistemele de supraveghere, \u00eent\u00e2rzierea \u00een transmisia video poate avea o importan\u021b\u0103 foarte mare.<\/p>\n
Dac\u0103 observa\u021bi un birou unde angaja\u021bii se deconecteaz\u0103 o dat\u0103 pe or\u0103 de la monitoare, atunci o \u00eent\u00e2rziere de 5 secunde nu are nicio importan\u021b\u0103. Dar utilizatorii au \u00eenceput s\u0103 se pl\u00e2ng\u0103 c\u0103, de exemplu, \u00een timpul transmiterii unui meci de fotbal, \u00een chat s-a scris deja GOOOOOL, dar \u00een video nu a ap\u0103rut \u00eenc\u0103 :). Avem deja o serie de cazuri de utilizare \u00een care Ivideon trebuie s\u0103 \u00eenlocuiasc\u0103 practic Skype.<\/p>\n
Se poate \u00eenfrunta \u00eent\u00e2rzierea \u00een HLS? R\u0103spunsul la aceast\u0103 \u00eentrebare sun\u0103 ca un discurs al unui fum\u0103tor experimentat de \u0219obolani la o lec\u021bie \u00een fa\u021ba deratizatorilor \u00eenceputori: \u201e\u0218obolanii nu pot fi extermina\u021bi, dar popula\u021bia lor poate fi redus\u0103 la un minim rezonabil\u201d. La fel este \u0219i cu \u00eent\u00e2rzierea \u00een HLS, nu o putem elimina complet, dar pe pia\u021b\u0103 exist\u0103 solu\u021bii care permit reducerea semnificativ\u0103 a \u00eent\u00e2rzierii.<\/p>\n
T\u0103ieturi mici<\/h2>\n \nO alt\u0103 problem\u0103 a motorului este utilizarea fi\u0219ierelor mici pentru transmisia datelor. S-ar p\u0103rea c\u0103 ce poate fi r\u0103u \u00een asta?<\/p>\n
Oricine a \u00eencercat s\u0103 copieze un num\u0103r mare de fi\u0219iere mici de pe un suport pe altul a observat cu siguran\u021b\u0103 c\u0103 viteza de scriere pentru un astfel de set este mult mai mic\u0103 dec\u00e2t cea a unui singur fi\u0219ier mare cu acela\u0219i volum. De asemenea, intensitatea acces\u0103rii discului dur cre\u0219te semnificativ, ceea ce afecteaz\u0103 \u00een general performan\u021ba \u00eentregului computer. Prin urmare, transmiterea datelor video sub form\u0103 de fragmente mici de 10 secunde contribuie de asemenea la o \u00eent\u00e2rziere mai mare a motorului.<\/p>\n
S\u0103 rezum\u0103m pe scurt toate avantajele \u0219i dezavantajele tehnologiei HLS.<\/p>\n
Avantajele HLS:<\/b><\/p>\n\nPosibilitatea de a func\u021biona cu orice dispozitiv. Pute\u021bi viziona video pe orice dispozitiv modern, fie c\u0103 este vorba de smartphone, tablet\u0103, laptop sau PC desktop. Principalul lucru este ca browserul web s\u0103 fie o versiune modern\u0103 \u0219i s\u0103 fie compatibil cu HTML5 \u0219i Media Source Extensions.<\/li>\n Calitate excelent\u0103 a imaginii. Func\u021bia utilizat\u0103 de transmitere adaptiv\u0103 a datelor permite schimbarea dinamic\u0103 a calit\u0103\u021bii fluxului video \u00een func\u021bie de l\u0103\u021bimea de band\u0103 a conexiunii la internet, iar algoritmul tinde s\u0103 men\u021bin\u0103 calitatea la maxim.<\/li>\n Nu este nevoie de o configurare complex\u0103 a echipamentului utilizatorului.<\/li>\n<\/ol>\n\nDezavantaje:<\/b><\/p>\n\nSuport limitat pentru func\u021bionarea motorului pe anumite dispozitive.<\/li>\n \u00cent\u00e2rzieri mari \u00een transmiterea imaginii.<\/li>\n Cre\u0219terea semnificativ\u0103 a cheltuielilor \u0219i complexitatea optimiz\u0103rii din cauza utiliz\u0103rii fi\u0219ierelor de dimensiuni mici. Datorit\u0103 caracteristicilor containerului, nu vom putea ob\u021bine niciodat\u0103 o \u00eent\u00e2rziere mai mic\u0103 dec\u00e2t dimensiunea segmentului.<\/li>\n<\/ol>\n\nDezavantajele HLS au dep\u0103\u0219it pentru noi avantajele sale \u0219i ne-au f\u0103cut s\u0103 c\u0103ut\u0103m op\u021biuni alternative.<\/p>\n
Ce este WebRTC<\/h2>\n \nc<\/noindex>)<\/p>\nPlatforma WebRTC a fost dezvoltat\u0103 de Google \u00een 2011 pentru a transmite date video \u0219i audio \u00een flux \u00eentre browsere \u0219i aplica\u021bii mobile cu o \u00eent\u00e2rziere minim\u0103. Acest lucru se face prin utilizarea protocolului standard UDP \u0219i a unor algoritmi speciali de control al fluxului. Ast\u0103zi, este un proiect cu surs\u0103 deschis\u0103, care este activ sus\u021binut de Google \u0219i \u00een dezvoltare.<\/p>\n
WebRTC este un set de tehnologii pentru transmiterea video \u0219i audio peer-to-peer. Adic\u0103, de exemplu, browserele utilizatorilor pot transmite date direct \u00eentre ele, f\u0103r\u0103 a utiliza servere externe pentru stocarea \u0219i procesarea datelor. Toate informa\u021biile sunt de asemenea procesate de browsere \u0219i aplica\u021bii mobile ale utilizatorilor finali.<\/p>\n
Confortul \u0219i capacit\u0103\u021bile mari ale acestei tehnologii au fost apreciate de dezvoltatorii tuturor browserelor populare. \u00cen prezent, suportul pentru WebRTC este implementat \u00een Mozilla Firefox, Opera, Google Chrome (\u0219i toate browserele bazate pe Chromium), precum \u0219i \u00een aplica\u021biile mobile pentru Android \u0219i iOS.<\/p>\n
\u00cen ciuda tuturor calit\u0103\u021bilor sale incontestabile, WebRTC are c\u00e2teva dezavantaje semnificative. <\/p>\n
Dificult\u0103\u021bi de alegere<\/h2>\n \nTehnologia WebRTC este mult mai complicat\u0103 \u00een ceea ce prive\u0219te interac\u021biunile de re\u021bea, deoarece este bazat\u0103 pe P2P. Este greu de debug-uit, testat \u0219i poate avea un comportament imprevizibil. \u00cen plus, trebuie s\u0103 dep\u0103\u0219im NAT-ul \u0219i firewall-urile, necesit\u00e2nd asigurarea func\u021bion\u0103rii \u00een re\u021bele unde UDP este blocat.<\/p>\n
Implementarea WebRTC de la Google este foarte greu de utilizat. Exist\u0103 chiar o \u00eentreag\u0103 companie care ofer\u0103 servicii de construc\u021bie a SDK-ului. \u00cen plus, integrarea solu\u021biei de la Google cu sistemul nostru a fost foarte dificil\u0103, astfel \u00eenc\u00e2t s\u0103 nu fie necesar\u0103 recompunerea \u00eentregului video.<\/p>\n
Cu toate acestea, ne-am dorit de mult timp s\u0103 oferim utilizatorilor posibilitatea de a lucra cu un flux video 'live' complet \u0219i de a minimiza decalajul imaginii de pe ecran fa\u021b\u0103 de evenimentele \u00een sine. \u00cen plus, am dorit s\u0103 facem utilizarea camerelor PTZ mai confortabil\u0103, unde \u00eent\u00e2rzierile au o semnifica\u021bie critic\u0103.<\/p>\n
Av\u00e2nd \u00een vedere c\u0103 alte solu\u021bii pentru combaterea \u00eent\u00e2rzierilor au, deocamdat\u0103, func\u021bionalitate limitat\u0103 \u0219i func\u021bioneaz\u0103 semnificativ mai r\u0103u, am decis s\u0103 folosim WebRTC. <\/p>\n
Ce am f\u0103cut<\/h2>\n \n
Pentru func\u021bionarea corect\u0103 a WebRTC, mai \u00eent\u00e2i trebuie realizat\u0103 o modernizare tehnologic\u0103 a stivei pentru a lucra cu video-web. Acesta a fost ceea ce am realizat.<\/p>\n
La \u00eenceput, am implementat serverul de semnalizare WebRTC peste Websocket \u0219i am desf\u0103\u0219urat un server peer WebRTC \u00een cloud bazat pe SDK webrtc.org. Rolul s\u0103u este de a distribui fluxuri video c\u0103tre clien\u021bii peer WebRTC \u00een format H.264 + Opus\/G.711 f\u0103r\u0103 recodificarea video.<\/p>\n
Am ales Websocket ca protocol de semnalizare deoarece beneficiaz\u0103 deja de un suport de calitate \u00een toate browserele web populare. Acest lucru permite reducerea semnificativ\u0103 nu doar a cheltuielilor de dezvoltare, ci \u0219i a timpului \u0219i resurselor necesare pentru re\u00eenc\u0103rc\u0103rile TCP \u0219i TLS \u00een compara\u021bie cu AJAX.<\/p>\n
Problema este c\u0103, \u00een mod implicit, WebRTC nu ofer\u0103 un protocol de semnalizare necesar pentru configurarea, \u00eentre\u021binerea \u0219i \u00eentreruperea corect\u0103 a comunica\u021biei video \u00een timp real \u00eentre aplica\u021biile de surs\u0103 \u0219i cele client.<\/p>\n
\u0218i pentru a implementa tehnologia de semnalizare pe cont propriu, a fost necesar s\u0103 dezvolt\u0103m propriul server de semnalizare cu suport pentru mai multe protocoale web (Websocket, WebRTC). De asemenea, cu posibilit\u0103\u021bi de gestionare sigur\u0103 a sesiunilor \u0219i notific\u0103rilor \u00een timp real, gestionarea video \u0219i multe alte parametrii.<\/p>\n
Am dep\u0103\u0219it limit\u0103rile P2P reduc\u00e2nd laten\u021ba nu prin P2P, ci prin UDP \u0219i gestionarea fluxului pentru a reduce \u00eent\u00e2rzierea. Acest lucru este, de asemenea, \u00eencorporat \u00een WebRTC, av\u00e2nd \u00een vedere c\u0103 principalul caz de utilizare este conversa\u021biile p2p prin browser.<\/p>\n
\u00cen clientul mobil, am realizat un player folosind SDK webrtc.org, deoarece doar acesta a implementat corect gestionarea fluxului, are toate schemele cunoscute de Forward Error Correction (FEC) \u0219i a implementat corect mecanismul de retransmitere a pachetelor pentru toate browserele. Un alt aspect important este c\u0103 SDK webrtc.org este activ dezvoltat de Google.<\/p>\n
Care este rezultatul implement\u0103rii WebRTC?<\/h2>\n \n
![\"WebRTC](\"\/wp-content\/uploads\/2019\/04\/d185b546f5fc4c15021481c0cc2fedbd.jpeg\")