{"id":32314,"date":"2019-10-31T21:46:17","date_gmt":"2019-10-31T18:46:17","guid":{"rendered":"https:\/\/prohoster.info\/blog\/webrtc-i-videonablyudenie-kak-my-pobedili-zaderzhku-video-s-kamer\/"},"modified":"2019-10-31T21:46:17","modified_gmt":"2019-10-31T18:46:17","slug":"webrtc-i-videonablyudenie-kak-my-pobedili-zaderzhku-video-s-kamer","status":"publish","type":"post","link":"https:\/\/prohoster.info\/hu\/blog\/administrirovanie\/webrtc-i-videonablyudenie-kak-my-pobedili-zaderzhku-video-s-kamer","title":{"rendered":"WebRTC \u00e9s vide\u00f3megfigyel\u00e9s: hogyan gy\u0151zt\u00fck le a kamer\u00e1k k\u00e9sleltet\u00e9s\u00e9t","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"WebRTC \u00e9s vide\u00f3megfigyel\u00e9s: hogyan gy\u0151zt\u00fck le a kamer\u00e1k k\u00e9sleltet\u00e9s\u00e9t\" src=\"\/wp-content\/uploads\/2019\/04\/d185b546f5fc4c15021481c0cc2fedbd.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nA rendszer fejleszt\u00e9s\u00e9nek els\u0151 napjait\u00f3l kezdve a felh\u0151alap\u00fa vide\u00f3megjelen\u00edt\u00e9ssel kapcsolatban egy probl\u00e9m\u00e1val szembes\u00fclt\u00fcnk, amelynek megold\u00e1sa n\u00e9lk\u00fcl b\u00facs\u00fat mondhattunk volna az Ivideonnak \u2013 ez volt a mi Everest\u00fcnk, amelynek megm\u00e1sz\u00e1sa rengeteg energi\u00e1t felem\u00e9sztett, de most v\u00e9gre siker\u00fclt a j\u00e9gcs\u00e1k\u00e1nyunkat beverni a keresztplatformos rejt\u00e9ly cs\u00facs\u00e1ba.<\/p>\n<p>A hang \u00e9s video interneten kereszt\u00fcli tov\u00e1bb\u00edt\u00e1s\u00e1nak nem szabad f\u00fcggenie a hardverekt\u0151l, a webes kliensekt\u0151l \u00e9s az \u00e1ltaluk t\u00e1mogatott szabv\u00e1nyokt\u00f3l, valamint z\u00f6kken\u0151mentesen m\u0171k\u00f6dnie kell a h\u00e1l\u00f3zati c\u00edmford\u00edt\u00f3k (NAT) \u00e9s t\u0171zfalak jelenl\u00e9t\u00e9ben is. A felh\u0151alap\u00fa vide\u00f3megjelen\u00edt\u00e9s felhaszn\u00e1l\u00f3ja hozz\u00e1 k\u00edv\u00e1n f\u00e9rni a szolg\u00e1ltat\u00e1shoz, m\u00e9g akkor is, ha anal\u00f3g kamer\u00e1kat haszn\u00e1l, m\u00edg a val\u00f3s idej\u0171 videok\u00f6zvet\u00edt\u00e9st a legmodernebb eszk\u00f6z\u00f6k\u00f6n szeretn\u00e9 n\u00e9zni. <\/p>\n<p>K\u00fcl\u00f6n\u00f6sen fontos, hogy a felhaszn\u00e1l\u00f3 minim\u00e1lis k\u00e9sleltet\u00e9ssel k\u00edv\u00e1nja n\u00e9zni a vide\u00f3t. Gyakorlatilag az egyetlen lehet\u0151s\u00e9g a b\u00f6ng\u00e9sz\u0151ben alacsony k\u00e9sleltet\u00e9s\u0171 vide\u00f3 megjelen\u00edt\u00e9s\u00e9re a WebRTC (web val\u00f3s idej\u0171 kommunik\u00e1ci\u00f3) haszn\u00e1lata. A WebRTC egy olyan technol\u00f3giai k\u00e9szlet, amely lehet\u0151v\u00e9 teszi a vide\u00f3 \u00e9s hang peer-to-peer tov\u00e1bb\u00edt\u00e1s\u00e1t b\u00f6ng\u00e9sz\u0151k k\u00f6z\u00f6tt, \u00e9s eredetileg alacsony k\u00e9sleltet\u00e9s\u0171 vide\u00f3folyamok tov\u00e1bb\u00edt\u00e1s\u00e1ra \u00e9s lej\u00e1tsz\u00e1s\u00e1ra tervezt\u00e9k. Ehhez t\u00f6bbek k\u00f6z\u00f6tt UDP protokollt haszn\u00e1l.<\/p>\n<p>Miel\u0151tt r\u00e9szletezn\u00e9nk, mit ny\u00fajt a felhaszn\u00e1l\u00f3nak az \u00faj motor, eml\u00e9keztetj\u00fck arra, mi\u00e9rt \u00e9s mi\u00e9rt t\u00e1mogatjuk az HLS-technol\u00f3gi\u00e1kat, \u00e9s mi\u00e9rt d\u00f6nt\u00f6tt\u00fcnk \u00fagy, hogy tov\u00e1bb l\u00e9p\u00fcnk.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h2>HLS motor: el\u0151ny\u00f6k \u00e9s h\u00e1tr\u00e1nyok<\/h2>\n<p>\n<img decoding=\"async\" alt=\"WebRTC \u00e9s vide\u00f3megfigyel\u00e9s: hogyan gy\u0151zt\u00fck le a kamer\u00e1k k\u00e9sleltet\u00e9s\u00e9t\" src=\"\/wp-content\/uploads\/2019\/04\/f025d08eb22f7785090b8bc60194643c.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n(<noindex><a rel=\"nofollow\" href=\"https:\/\/www.encoding.com\/http-live-streaming-hls\/\">c<\/a><\/noindex>)<\/p>\n<p>Az HLS (HTTP Live Streaming) technol\u00f3gi\u00e1t az Apple fejlesztette ki, \u00edgy nem meglep\u0151, hogy el\u0151sz\u00f6r a c\u00e9g eszk\u00f6zein jelent meg a t\u00e1mogat\u00e1s. Jelenleg a HLS form\u00e1tum\u00fa vide\u00f3k lej\u00e1tsz\u00e1sa szinte minden TV boxban \u00e9s sok Android oper\u00e1ci\u00f3s rendszeren fut\u00f3 eszk\u00f6z\u00f6n megval\u00f3s\u00edthat\u00f3.<\/p>\n<p>A HLS motor a j\u00f3l ismert H264 videok\u00f3dot haszn\u00e1lja videoadatok folyamatok tov\u00e1bb\u00edt\u00e1s\u00e1hoz, kombin\u00e1lva AAC vagy MP3 audios\u00e1vokkal. Az \u00f6sszes audio- \u00e9s videoadat egy MPEG-TS sz\u00e1ll\u00edt\u00f3kont\u00e9nerben ker\u00fcl csomagol\u00e1sra. Az HTTP protokollon t\u00f6rt\u00e9n\u0151 tov\u00e1bb\u00edt\u00e1shoz az adatfolyam inform\u00e1ci\u00f3j\u00e1t darabokra osztj\u00e1k, amelyek a m3u8 lej\u00e1tsz\u00e1si list\u00e1kban vannak le\u00edrva. Csak ezut\u00e1n ezeket a fragmentumokat a lej\u00e1tsz\u00e1si list\u00e1kkal egy\u00fctt tov\u00e1bb\u00edtj\u00e1k HTTP-n. A darabokra oszt\u00e1s automatikusan azt jelenti, hogy m\u00e1sodpercekben kifejezett k\u00e9sleltet\u00e9st eredm\u00e9nyez. Ez a MPEG-TS kont\u00e9ner egyik saj\u00e1toss\u00e1ga. <\/p>\n<p>A HLS motor t\u00e1mogatja a t\u00f6bbsz\u00f6r\u00f6s bitr\u00e1t\u00e1s folyamatokat, valamint a Live\/VOD-t. <\/p>\n<p><b>A HLS f\u0151 el\u0151nyei:<\/b><\/p>\n<ul>\n<li>Be\u00e9p\u00edtett t\u00e1mogat\u00e1s minden f\u0151bb b\u00f6ng\u00e9sz\u0151ben;<\/li>\n<li>K\u00f6nny\u0171 megval\u00f3s\u00edt\u00e1s (a WebRTC-hez k\u00e9pest);<\/li>\n<li>Nagyon k\u00e9nyelmes \u00e9s hat\u00e9kony nagy k\u00f6z\u00f6ns\u00e9gnek sz\u00f3l\u00f3 ad\u00e1sok szervez\u00e9se, mivel a szegmenseket egyszer kell csak bet\u00f6lteni a CDN-re.<\/li>\n<\/ul>\n<p>\nA motor egyszer\u0171s\u00e9ge ellen\u00e9re nem minden olyan sima, mint amilyennek t\u0171nik. A f\u0151 probl\u00e9ma az, hogy a k\u00fcls\u0151 lej\u00e1tsz\u00f3k fejleszt\u0151i elt\u00e9rtek az Apple aj\u00e1nl\u00e1sait\u00f3l, p\u00e9ld\u00e1ul a t\u00e1mogatott audioform\u00e1tumok tekintet\u00e9ben. K\u00fcl\u00f6n\u00f6sen sok fejleszt\u0151 kezdte el be\u00e9p\u00edteni a n\u00e9pszer\u0171 audiofolyamok kezel\u00e9s\u00e9t: mpeg2 video, mpeg2 audio stb. Ennek k\u00f6vetkezm\u00e9nyek\u00e9nt k\u00fcl\u00f6nb\u00f6z\u0151 lej\u00e1tsz\u00e1si lista form\u00e1tumokat kellett l\u00e9trehozni a k\u00fcl\u00f6nb\u00f6z\u0151 lej\u00e1tsz\u00f3khoz.<\/p>\n<p>De az HLS motornak az egyik legnagyobb probl\u00e9m\u00e1ja a magas adat\u00e1tviteli k\u00e9sleltet\u00e9s.<\/p>\n<h2>A \"megakaszt\u00e1sok\" gy\u00f6kerei<\/h2>\n<p>\nA HLS magas k\u00e9sleltet\u00e9s\u00e9nek f\u0151 oka az, hogy a programoz\u00f3k a lehet\u0151 legjobb k\u00e9pmin\u0151s\u00e9g el\u00e9r\u00e9s\u00e9re tervezt\u00e9k a motort. Ez\u00e9rt a haszn\u00e1lt k\u00e9pk\u00f6zi id\u0151 \u00e9s a lej\u00e1tsz\u00e1si puffer m\u00e9rete egyszer\u0171en nem alkalmas \u00e9l\u0151 vide\u00f3 k\u00f6zvet\u00edt\u00e9sek lebonyol\u00edt\u00e1s\u00e1ra. Ennek k\u00f6vetkezt\u00e9ben viszonylag magas k\u00e9sleltet\u00e9s l\u00e9p fel a vide\u00f3jelek \u00e1tvitel\u00e9ben, ami 5-7 m\u00e1sodperc is lehet.<\/p>\n<p>Egyr\u00e9szt ez elfogadhat\u00f3, p\u00e9ld\u00e1ul azok sz\u00e1m\u00e1ra, akik filmet n\u00e9znek egy vide\u00f3megoszt\u00f3 szerverr\u0151l. De a vide\u00f3megfigyel\u0151 rendszerek eset\u00e9ben a vide\u00f3 jeleinek k\u00e9sleltet\u00e9se nagyon nagy jelent\u0151s\u00e9ggel b\u00edrhat.<\/p>\n<p>Ha egy irod\u00e1t figyelsz, ahol a munkat\u00e1rsak \u00f3r\u00e1nk\u00e9nt egyszer n\u00e9znek el a monitorr\u00f3l, akkor az 5 m\u00e1sodperces k\u00e9sleltet\u00e9s nem jelent semmit. De az emberek elkezdtek panaszkodni, hogy p\u00e9ld\u00e1ul egy focimeccs k\u00f6zvet\u00edt\u00e9sekor a cseveg\u00e9sben m\u00e1r \u00edrt\u00e1k, hogy G\u00d3\u00d3\u00d3L, de m\u00e9g nincs a vide\u00f3n :). M\u00e1r van n\u00e9h\u00e1ny felhaszn\u00e1l\u00f3i eset\u00fcnk, ahol az Ivideonnak gyakorlatilag helyettes\u00edtenie kell a Skype-ot.<\/p>\n<p>Lehet-e cs\u00f6kkenteni az HLS k\u00e9sleltet\u00e9s\u00e9t? A k\u00e9rd\u00e9sre a v\u00e1lasz \u00fagy hangzik, mint egy tapasztalt patk\u00e1ny\u00edrt\u00f3 el\u0151ad\u00e1sa kezd\u0151 k\u00e1rtev\u0151irt\u00f3k el\u0151tt: \"A patk\u00e1nyokat nem lehet elt\u00fcntetni, de a sz\u00e1mukat \u00e9sszer\u0171 minimumra cs\u00f6kkenthetj\u00fck.\" \u00cdgy van ez az HLS k\u00e9sleltet\u00e9s\u00e9vel is, nulla \u00e9rt\u00e9kre cs\u00f6kkenteni nem lehet, de a piacon vannak olyan megold\u00e1sok, amelyek jelent\u0151sen cs\u00f6kkentik a k\u00e9sleltet\u00e9st.<\/p>\n<h2>Finom szeletel\u00e9s<\/h2>\n<p>\nA motor egy m\u00e1sik h\u00e1tr\u00e1nya, hogy kis m\u00e9ret\u0171 f\u00e1jlokat haszn\u00e1l az adatok \u00e1tvitel\u00e9re. Sokan azt gondolhatj\u00e1k, hogy ez mi\u00e9rt probl\u00e9m\u00e1s?<\/p>\n<p>B\u00e1rki, aki megpr\u00f3b\u00e1lta nagy mennyis\u00e9g\u0171 kis f\u00e1jl \u00e1tm\u00e1sol\u00e1s\u00e1t egyik adathordoz\u00f3r\u00f3l a m\u00e1sikra, biztosan \u00e9szrevette, hogy az ilyen k\u00e9szlet \u00edr\u00e1si sebess\u00e9ge sokkal alacsonyabb, mint egy nagy f\u00e1jl\u00e9 ugyanakkora mennyis\u00e9gben. R\u00e1ad\u00e1sul a merevlemezhez val\u00f3 hozz\u00e1f\u00e9r\u00e9s intenzit\u00e1sa is jelent\u0151sen n\u0151, ami \u00f6sszess\u00e9g\u00e9ben negat\u00edvan hat a sz\u00e1m\u00edt\u00f3g\u00e9p teljes\u00edtm\u00e9ny\u00e9re. Ez\u00e9rt a videoadatok \u00e1tvitele kis, 10 m\u00e1sodperces darabokban szint\u00e9n hozz\u00e1j\u00e1rul a motor k\u00e9sleltet\u00e9s\u00e9nek n\u00f6veked\u00e9s\u00e9hez.<\/p>\n<p>R\u00f6viden \u00f6sszefoglalva a HLS-technol\u00f3gia el\u0151nyeit \u00e9s h\u00e1tr\u00e1nyait.<\/p>\n<p><b>A HLS el\u0151nyei:<\/b><\/p>\n<ol>\n<li>B\u00e1rmilyen eszk\u00f6zzel val\u00f3 m\u0171k\u00f6d\u00e9s lehet\u0151s\u00e9ge. B\u00e1rmilyen modern eszk\u00f6z\u00f6n n\u00e9zheti a vide\u00f3t, legyen az okostelefon, t\u00e1blag\u00e9p, laptop vagy asztali PC. A l\u00e9nyeg, hogy a webszerver modern verzi\u00f3val rendelkezzen, \u00e9s kompatibilis legyen az HTML5-tel \u00e9s a Media Source Extensions-tel.<\/li>\n<li>Kiv\u00e1l\u00f3 k\u00e9pmin\u0151s\u00e9g. Az alkalmazott adapt\u00edv adat\u00e1tviteli funkci\u00f3 lehet\u0151v\u00e9 teszi a tov\u00e1bb\u00edtott vide\u00f3min\u0151s\u00e9g dinamikus megv\u00e1ltoztat\u00e1s\u00e1t az internetkapcsolat s\u00e1vsz\u00e9less\u00e9ge alapj\u00e1n, mik\u00f6zben az algoritmus t\u00f6rekszik a maxim\u00e1lis min\u0151s\u00e9g meg\u0151rz\u00e9s\u00e9re.<\/li>\n<li>Nincs sz\u00fcks\u00e9g a felhaszn\u00e1l\u00f3i berendez\u00e9s bonyolult be\u00e1ll\u00edt\u00e1s\u00e1ra.<\/li>\n<\/ol>\n<p>\n<b>H\u00e1tr\u00e1nyok:<\/b><\/p>\n<ol>\n<li>Korl\u00e1tozott t\u00e1mogat\u00e1s a motornak egyes eszk\u00f6z\u00f6k\u00f6n val\u00f3 m\u0171k\u00f6d\u00e9s\u00e9hez.<\/li>\n<li>Magas k\u00e9sleltet\u00e9s a k\u00e9p\u00e1tvitel sor\u00e1n.<\/li>\n<li>Jelent\u0151s n\u00f6veked\u00e9s a k\u00f6lts\u00e9gekben \u00e9s a finomhangol\u00e1s bonyolults\u00e1g\u00e1ban a kis m\u00e9ret\u0171 f\u00e1jlok haszn\u00e1lata miatt. A kont\u00e9ner saj\u00e1toss\u00e1gai miatt soha nem tudunk kevesebb k\u00e9sleltet\u00e9st el\u00e9rni, mint a szegmens m\u00e9rete.<\/li>\n<\/ol>\n<p>\nA HLS h\u00e1tr\u00e1nyai fel\u00fclm\u00falj\u00e1k az el\u0151nyeit, \u00e9s alternat\u00edv megold\u00e1sokat kezdt\u00fcnk keresni.<\/p>\n<h2>Mi az a WebRTC<\/h2>\n<p>\n<img decoding=\"async\" alt=\"WebRTC \u00e9s vide\u00f3megfigyel\u00e9s: hogyan gy\u0151zt\u00fck le a kamer\u00e1k k\u00e9sleltet\u00e9s\u00e9t\" src=\"\/wp-content\/uploads\/2019\/04\/0cf3c13dba71f6b268113af77841e521.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n(<noindex>c<\/noindex>)<\/p>\n<p>A WebRTC platformot a Google fejlesztette ki 2011-ben vide\u00f3- \u00e9s audiostream-ek \u00e1tvitel\u00e9re b\u00f6ng\u00e9sz\u0151k \u00e9s mobilalkalmaz\u00e1sok k\u00f6z\u00f6tt minim\u00e1lis k\u00e9sleltet\u00e9ssel. Ehhez az UDP szabv\u00e1nyos protokollt \u00e9s speci\u00e1lis adat\u00e1raml\u00e1s-szab\u00e1lyoz\u00e1si algoritmusokat haszn\u00e1l. Ma ez egy ny\u00edlt forr\u00e1sk\u00f3d\u00fa projekt, amelyet a Google akt\u00edvan t\u00e1mogat \u00e9s fejleszt.<\/p>\n<p>A WebRTC egy olyan technol\u00f3gi\u00e1k \u00f6sszess\u00e9ge, amely lehet\u0151v\u00e9 teszi a peer-to-peer vide\u00f3- \u00e9s hang\u00e1tvitelt. Ez azt jelenti, hogy p\u00e9ld\u00e1ul a felhaszn\u00e1l\u00f3k b\u00f6ng\u00e9sz\u0151i a WebRTC seg\u00edts\u00e9g\u00e9vel k\u00f6zvetlen\u00fcl adatokat cser\u00e9lhetnek egym\u00e1ssal, an\u00e9lk\u00fcl, hogy t\u00e1voli szervereket kellene haszn\u00e1lniuk az adatok t\u00e1rol\u00e1s\u00e1ra \u00e9s feldolgoz\u00e1s\u00e1ra. Minden inform\u00e1ci\u00f3t a v\u00e9gfelhaszn\u00e1l\u00f3k b\u00f6ng\u00e9sz\u0151i \u00e9s mobilalkalmaz\u00e1sai dolgoznak fel.<\/p>\n<p>A technol\u00f3gia k\u00e9nyelm\u00e9t \u00e9s sz\u00e9les lehet\u0151s\u00e9geit a n\u00e9pszer\u0171 b\u00f6ng\u00e9sz\u0151k fejleszt\u0151i is \u00e9rt\u00e9kelt\u00e9k. Ma a WebRTC t\u00e1mogat\u00e1sa megval\u00f3sult a Mozilla Firefox, az Opera, a Google Chrome (\u00e9s minden Chromium-alap\u00fa b\u00f6ng\u00e9sz\u0151), valamint az Android \u00e9s iOS mobilalkalmaz\u00e1saiban.<\/p>\n<p>B\u00e1r a WebRTC-nek k\u00e9ts\u00e9gtelen\u00fcl sok el\u0151nye van, van n\u00e9h\u00e1ny jelent\u0151s h\u00e1tr\u00e1nya is. <\/p>\n<h2>A v\u00e1laszt\u00e1s neh\u00e9zs\u00e9gei<\/h2>\n<p>\nA WebRTC technol\u00f3gia sokkal bonyolultabb a h\u00e1l\u00f3zati interakci\u00f3k szempontj\u00e1b\u00f3l, mivel P2P alapon m\u0171k\u00f6dik. Neh\u00e9z hibakeresni, tesztelni, \u00e9s kisz\u00e1m\u00edthatatlanul viselkedhet. Emellett \u00e1t kell hidalnunk a NAT-ot \u00e9s a t\u0171zfalakat, valamint biztos\u00edtani kell a m\u0171k\u00f6d\u00e9st olyan h\u00e1l\u00f3zatokban, ahol a UDP le van tiltva.<\/p>\n<p>A Google WebRTC megval\u00f3s\u00edt\u00e1sa nagyon nehezen haszn\u00e1lhat\u00f3. Van egy eg\u00e9sz v\u00e1llalat, amely az SDK \u00f6ssze\u00e1ll\u00edt\u00e1s\u00e1t k\u00edn\u00e1lja. R\u00e1ad\u00e1sul a Google megval\u00f3s\u00edt\u00e1s\u00e1t nagyon neh\u00e9z volt integr\u00e1lni a rendszer\u00fcnkkel \u00fagy, hogy k\u00f6zben ne kelljen \u00fajrak\u00f3dolni az \u00f6sszes vide\u00f3t.<\/p>\n<p>Ugyanakkor r\u00e9gen meg akartuk adni a felhaszn\u00e1l\u00f3knak a lehet\u0151s\u00e9get, hogy teljes \u00e9rt\u00e9k\u0171, '\u00e9l\u0151' vide\u00f3tartalommal dolgozhassanak, \u00e9s minimaliz\u00e1lj\u00e1k a k\u00e9pen megjelen\u0151 k\u00e9p k\u00e9s\u00e9s\u00e9t az esem\u00e9nyekhez k\u00e9pest. Tov\u00e1bb\u00e1, szerett\u00fck volna k\u00e9nyelmesebb\u00e9 tenni a PTZ kamer\u00e1k haszn\u00e1lat\u00e1t, ahol a k\u00e9s\u00e9sek kritikus jelent\u0151s\u00e9ggel b\u00edrnak.<\/p>\n<p>Figyelembe v\u00e9ve, hogy m\u00e1s megold\u00e1sok az akad\u00e1s cs\u00f6kkent\u00e9s\u00e9re jelenleg korl\u00e1tozott funkcionalit\u00e1ssal b\u00edrnak \u00e9s nyilv\u00e1nval\u00f3an gyeng\u00e9bben teljes\u00edtenek, \u00fagy d\u00f6nt\u00f6tt\u00fcnk, hogy a WebRTC-t v\u00e1lasztjuk. <\/p>\n<h2>Mit tett\u00fcnk<\/h2>\n<p>\n<img decoding=\"async\" alt=\"WebRTC \u00e9s vide\u00f3megfigyel\u00e9s: hogyan gy\u0151zt\u00fck le a kamer\u00e1k k\u00e9sleltet\u00e9s\u00e9t\" src=\"\/wp-content\/uploads\/2019\/04\/714f94de43114e552e4d818e9ec927ae.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nA WebRTC platform szakszer\u0171 bevezet\u00e9se nem k\u00f6nny\u0171 feladat. B\u00e1rmilyen hiba vagy pontatlans\u00e1g arra vezethet, hogy a vide\u00f3\u00e1tvitel k\u00e9s\u00e9sei nemcsak hogy nem cs\u00f6kkennek m\u00e1s platformokhoz k\u00e9pest, hanem n\u0151nek is.<\/p>\n<p>A WebRTC megfelel\u0151 m\u0171k\u00f6d\u00e9s\u00e9hez el\u0151sz\u00f6r is technol\u00f3giai moderniz\u00e1l\u00e1st kell v\u00e9gezni a webes vide\u00f3 kezel\u00e9s\u00e9re szolg\u00e1l\u00f3 stacken. Ezt m\u00e1r megtett\u00fck.<\/p>\n<p>El\u0151sz\u00f6r megval\u00f3s\u00edtottuk a WebRTC jelz\u0151protokollt a Websocket felett, valamint fel\u00e1ll\u00edtottunk egy WebRTC peer szervert a felh\u0151ben a webrtc.org SDK alapj\u00e1n. Feladata az, hogy vide\u00f3folyamokat biztos\u00edtson a kliens WebRTC peer-eknek H.264 + Opus\/G.711 form\u00e1tumban \u00e1tk\u00f3dol\u00e1s n\u00e9lk\u00fcl.<\/p>\n<p>A Websocket-et v\u00e1lasztottuk jelz\u0151protokollnak, mert m\u00e1r kiv\u00e1l\u00f3 t\u00e1mogat\u00e1ssal b\u00edr minden n\u00e9pszer\u0171 b\u00f6ng\u00e9sz\u0151ben. Ez\u00e1ltal jelent\u0151sen cs\u00f6kkenthet\u0151k a fejleszt\u00e9si k\u00f6lts\u00e9gek, \u00e9s nem kell id\u0151t \u00e9s forr\u00e1st pazarolni a TCP \u00e9s TLS k\u00e9zfog\u00e1sok ism\u00e9tl\u00e9s\u00e9re az AJAX-hoz k\u00e9pest.<\/p>\n<p>A l\u00e9nyeg az, hogy alap\u00e9rtelmezetten a WebRTC nem biztos\u00edtja a jelz\u0151protokollt, amely sz\u00fcks\u00e9ges a videofelv\u00e9telek val\u00f3s idej\u0171 be\u00e1ll\u00edt\u00e1s\u00e1hoz, t\u00e1mogat\u00e1s\u00e1hoz \u00e9s megszak\u00edt\u00e1s\u00e1hoz a forr\u00e1s- \u00e9s kliensalkalmaz\u00e1sok k\u00f6z\u00f6tt.<\/p>\n<p>Ahhoz, hogy saj\u00e1t jelz\u0151technol\u00f3gi\u00e1t val\u00f3s\u00edtsunk meg, sz\u00fcks\u00e9g\u00fcnk volt egy saj\u00e1t jelz\u0151szerver fejleszt\u00e9s\u00e9re, amely t\u00f6bb web protocolot t\u00e1mogat (Websocket, WebRTC). Ezen k\u00edv\u00fcl biztos\u00edtania kellett a szekci\u00f3k \u00e9s \u00e9rtes\u00edt\u00e9sek biztons\u00e1gos kezel\u00e9s\u00e9t val\u00f3s id\u0151ben, a vide\u00f3 kezel\u00e9s\u00e9t \u00e9s sok m\u00e1s param\u00e9tert.<\/p>\n<p>A P2P korl\u00e1tokat \u00fagy tudtuk \u00e1thidalni, hogy a k\u00e9sleltet\u00e9st nem a P2P, hanem az UDP \u00e9s a k\u00e9sleltet\u00e9st cs\u00f6kkent\u0151 \u00e1raml\u00e1skezel\u00e9s r\u00e9v\u00e9n cs\u00f6kkentett\u00fck. Ez is be van \u00e9p\u00edtve a WebRTC-be, mivel a f\u0151 felhaszn\u00e1l\u00e1si eset a b\u00f6ng\u00e9sz\u0151n kereszt\u00fcli P2P besz\u00e9lget\u00e9sek.<\/p>\n<p>A mobil kliensben egy lej\u00e1tsz\u00f3t val\u00f3s\u00edtottunk meg a webrtc.org SDK haszn\u00e1lat\u00e1val, mivel csak ebben van megfelel\u0151en implement\u00e1lva az \u00e1raml\u00e1s kezel\u00e9se, minden ismert Forward Error Correction (FEC) s\u00e9ma megtal\u00e1lhat\u00f3, \u00e9s helyesen lett v\u00e9grehajtva a csomagok \u00fajrak\u00fcld\u00e9si mechanizmusa minden b\u00f6ng\u00e9sz\u0151h\u00f6z. Nem elhanyagolhat\u00f3 az sem, hogy a webrtc.org SDK-t a Google akt\u00edvan fejleszti.<\/p>\n<h2>Milyen eredm\u00e9ny sz\u00e1rmazik a WebRTC bevezet\u00e9s\u00e9b\u0151l?<\/h2>\n<p>\n<center><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/vk.com\/video_ext.php\" frameborder=\"0\" allowfullscreen><\/iframe><\/center><br \/>\nA kamer\u00e1k \u00e9l\u0151 vide\u00f3j\u00e1nak megtekint\u00e9s\u00e9hez \u00faj, WebRTC alap\u00fa optimaliz\u00e1lt lej\u00e1tsz\u00f3t adtunk hozz\u00e1 a felhaszn\u00e1l\u00f3i fi\u00f3khoz. Ez biztos\u00edtja a vide\u00f3folyama magas sebess\u00e9g\u0171 bet\u00f6lt\u00e9s\u00e9t, \u00e9s teljesen megsz\u00fcnteti a t\u00f6lt\u00e9si k\u00e9sleltet\u00e9s felhalmoz\u00f3d\u00e1s\u00e1nak probl\u00e9m\u00e1j\u00e1t a megtekint\u00e9si id\u0151 n\u00f6veked\u00e9s\u00e9vel.<\/p>\n<p>A WebRTC t\u00e1mogat\u00e1s\u00e1nak bevezet\u00e9se \u00f3ta az Ivideon felh\u0151szolg\u00e1ltat\u00e1s\u00e1ban teljes magabiztoss\u00e1ggal mondhatjuk, hogy mostant\u00f3l \u00fcgyfeleink sz\u00e1m\u00e1ra el\u00e9rhet\u0151 a teljes \u00e9rt\u00e9k\u0171 \u00e9l\u0151 vide\u00f3k megtekint\u00e9se. Jelenleg a vide\u00f3adatok k\u00f6zvet\u00edt\u00e9si k\u00e9sedelme nem haladja meg az egy m\u00e1sodpercet! \u00d6sszehasonl\u00edt\u00e1sk\u00e9ppen, a kor\u00e1bbi HLS-motor 5-7 m\u00e1sodperces k\u00e9sedelmet biztos\u00edtott a vide\u00f3 tov\u00e1bb\u00edt\u00e1s\u00e1ban. A vide\u00f3 bemutat\u00e1s\u00e1nak sebess\u00e9gbeli k\u00fcl\u00f6nbs\u00e9ge nagyon jelent\u0151s, \u00e9s a felhaszn\u00e1l\u00f3 ezt azonnal \u00e9szreveszi a vide\u00f3szolg\u00e1ltat\u00e1sunk haszn\u00e1lata sor\u00e1n.<\/p>\n<p>Ahogyan azt v\u00e1rtuk, az \u00faj lej\u00e1tsz\u00f3 megval\u00f3s\u00edt\u00e1sa n\u00f6velte a PTZ \u00e9s a kamera k\u00f6z\u00f6tti hangkommunik\u00e1ci\u00f3 reakci\u00f3k\u00e9szs\u00e9g\u00e9t.<\/p>\n<p><img decoding=\"async\" alt=\"WebRTC \u00e9s vide\u00f3megfigyel\u00e9s: hogyan gy\u0151zt\u00fck le a kamer\u00e1k k\u00e9sleltet\u00e9s\u00e9t\" src=\"\/wp-content\/uploads\/2019\/04\/b6775b11fbc6d97a7cede32cccc471ab.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nVan egy apr\u00f3, de fontos dolog, amire szeretn\u00e9nk felh\u00edvni a figyelmet. Az \u00faj WebRTC lej\u00e1tsz\u00f3 egyel\u0151re teszt \u00fczemm\u00f3dban m\u0171k\u00f6dik. \u00c9ppen ez\u00e9rt nem kapcsoljuk be alap\u00e9rtelmezettk\u00e9nt minden \u00fcgyfel\u00fcnk sz\u00e1m\u00e1ra. De \u00f6n\u00e1ll\u00f3an aktiv\u00e1lhatja, ha bekapcsolja a megfelel\u0151 opci\u00f3t a kamera be\u00e1ll\u00edt\u00e1saiban (ehhez be kell l\u00e9pnie a <noindex><a rel=\"nofollow\" href=\"https:\/\/ru.ivideon.com\/my\/\">felhaszn\u00e1l\u00f3i fi\u00f3kj\u00e1ba<\/a><\/noindex>).<\/p>\n<h2>A WebRTC megval\u00f3s\u00edt\u00e1s\u00e1nak jellemz\u0151i az Ivideon szolg\u00e1ltat\u00e1sban<\/h2>\n<p>\n<img decoding=\"async\" alt=\"WebRTC \u00e9s vide\u00f3megfigyel\u00e9s: hogyan gy\u0151zt\u00fck le a kamer\u00e1k k\u00e9sleltet\u00e9s\u00e9t\" src=\"\/wp-content\/uploads\/2019\/04\/247e640fa9334a0c144cc6b4296dc23b.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nA WebRTC jelenleg m\u00e9g mindig k\u00eds\u00e9rleti technol\u00f3gia. A t\u00e1mogat\u00e1sa nem minden b\u00f6ng\u00e9sz\u0151ben \u00e9s felhaszn\u00e1l\u00f3i eszk\u00f6z\u00f6n m\u0171k\u00f6dik megfelel\u0151en, \u00e9s nem minden kamer\u00e1n\u00e1l tal\u00e1lhat\u00f3 meg.<\/p>\n<p>Ez magyar\u00e1zza, hogy eddig mi\u00e9rt nem tett\u00fck alap\u00e9rtelmezett\u00e9 a WebRTC lej\u00e1tsz\u00f3t minden felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra.<\/p>\n<p>Jelenleg azt javasoljuk, hogy a WebRTC-t csak a Google Chrome b\u00f6ng\u00e9sz\u0151ben haszn\u00e1lj\u00e1k. A leg\u00fajabb Firefox \u00e9s Safari verzi\u00f3k is t\u00e1mogatj\u00e1k ezt a technol\u00f3gi\u00e1t, de sajnos m\u00e9g mindig instabil. <\/p>\n<p>Jelenleg nem vezett\u00fck be a WebRTC t\u00e1mogat\u00e1s\u00e1t a mobil b\u00f6ng\u00e9sz\u0151kben. Ha most mobil eszk\u00f6zr\u0151l l\u00e9p be \u00e9s aktiv\u00e1lja a WebRTC-t, ez a m\u00f3d nem fog m\u0171k\u00f6dni. Azonban a WebRTC el\u00e9rhet\u0151 a mobilalkalmaz\u00e1sainkban <noindex><a rel=\"nofollow\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.ivideon.client&amp;hl=ru\">Android<\/a><\/noindex> \u00e9s <noindex><a rel=\"nofollow\" href=\"https:\/\/itunes.apple.com\/ru\/app\/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BD%D0%B0%D0%B1%D0%BB%D1%8E%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-ivideon\/id464234175?mt=8\">iOS<\/a><\/noindex>.<\/p>\n<p>\u00c9s z\u00e1r\u00e1sk\u00e9nt, a WebRTC megval\u00f3s\u00edt\u00e1s\u00e1nak jellemz\u0151ir\u0151l m\u00e9g k\u00e9t apr\u00f3 r\u00e9szletet szeretn\u00e9nk megeml\u00edteni.<\/p>\n<p>El\u0151sz\u00f6r is, a technol\u00f3gia kifejezetten \u00e9l\u0151 vide\u00f3k val\u00f3s idej\u0171 k\u00f6zvet\u00edt\u00e9s\u00e9re lett tervezve. Ez\u00e9rt, ha az \u00d6n s\u00e1vsz\u00e9less\u00e9ge nem elegend\u0151 a vide\u00f3 \u00e1tvitel\u00e9hez, \u00e9szreveheti a k\u00e9pkock\u00e1k elveszt\u00e9s\u00e9t (HLS eset\u00e9n \u00e9szlelheti a vide\u00f3 megfagy\u00e1s\u00e1t \u00e9s a k\u00e9sleked\u00e9s n\u00f6veked\u00e9s\u00e9t, ekkor a k\u00e9pkock\u00e1k nem fognak elt\u0171nni), de a vide\u00f3 val\u00f3s id\u0151ben tov\u00e1bbra is k\u00f6zvet\u00edtve lesz.<\/p>\n<p>M\u00e1sr\u00e9szt, mivel a technol\u00f3gia kifejezetten \u00e9l\u0151, val\u00f3s idej\u0171 vide\u00f3k kezel\u00e9s\u00e9re k\u00e9sz\u00fclt, nem haszn\u00e1ljuk arch\u00edv videoadatok feldolgoz\u00e1s\u00e1ra.<\/p>\n<h2>Egy\u00e9b v\u00e1ltoz\u00e1sok a szolg\u00e1ltat\u00e1sban<\/h2>\n<p>\nJelenleg a Flash m\u00e1r nem r\u00e9sze az automatikus motorv\u00e1laszt\u00e1si mechanizmusnak. A lej\u00e1tsz\u00f3t tov\u00e1bbra is haszn\u00e1lhatja, de ehhez k\u00e9zzel kell kiv\u00e1lasztania a fi\u00f3k vagy a kamera be\u00e1ll\u00edt\u00e1saiban. Ez nem divat k\u00e9rd\u00e9se, csup\u00e1n a statisztik\u00e1ink szerint a Flash-t haszn\u00e1l\u00f3 felhaszn\u00e1l\u00f3knak szinte nyoma sincs. Az a pr\u00f3b\u00e1lkoz\u00e1s, hogy meghat\u00e1rozzuk, a felhaszn\u00e1l\u00f3 b\u00f6ng\u00e9sz\u0151je t\u00e1mogatja-e, k\u00f6r\u00fclbel\u00fcl 2 m\u00e1sodperc dr\u00e1ga id\u0151t vesz\u00edt. <\/p>\n<p>Itt egy r\u00f6vid \u00f6sszefoglal\u00f3 azokr\u00f3l a v\u00e1ltoztat\u00e1sokr\u00f3l, amelyekre sz\u00e1m\u00edthat az felh\u0151alap\u00fa vide\u00f3megfigyel\u0151 rendszer\u00fcnkben \u00e9s a szem\u00e9lyes fi\u00f3kj\u00e1ban. Maradjon vel\u00fcnk, \u00e9s k\u00f6vesse a h\u00edreket!<br \/>\n<br \/>Forr\u00e1s: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/ivideon\/blog\/449326\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u0421 \u043f\u0435\u0440\u0432\u044b\u0445 \u0434\u043d\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u0433\u043e \u0432\u0438\u0434\u0435\u043e\u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f \u043c\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0438\u0441\u044c \u0441 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439, \u0431\u0435\u0437 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043d\u0430 Ivideon \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u0440\u0435\u0441\u0442 \u2013 \u044d\u0442\u043e \u0431\u044b\u043b \u043d\u0430\u0448 \u042d\u0432\u0435\u0440\u0435\u0441\u0442, \u0432\u043e\u0441\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u043d\u044f\u043b\u043e \u0443\u0439\u043c\u0443 \u0441\u0438\u043b, \u043d\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u043c\u044b, \u043d\u0430\u043a\u043e\u043d\u0435\u0446-\u0442\u043e, \u0432\u043e\u0442\u043a\u043d\u0443\u043b\u0438 \u043b\u0435\u0434\u043e\u0440\u0443\u0431 \u0432 \u043c\u0430\u043a\u0443\u0448\u043a\u0443 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u0431\u0443\u0441\u0430. \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0437\u0432\u0443\u043a\u0430 \u0438 \u0432\u0438\u0434\u0435\u043e \u0447\u0435\u0440\u0435\u0437 \u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f, Web-\u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":24131,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[688],"tags":[],"class_list":["post-32314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-administrirovanie"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u0421 \u043f\u0435\u0440\u0432\u044b\u0445 \u0434\u043d\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/hu\/blog\/administrirovanie\/webrtc-i-videonablyudenie-kak-my-pobedili-zaderzhku-video-s-kamer\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"hu_HU\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47WebRTC \u0438 \u0432\u0438\u0434\u0435\u043e\u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435: \u043a\u0430\u043a \u043c\u044b \u043f\u043e\u0431\u0435\u0434\u0438\u043b\u0438 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u0432\u0438\u0434\u0435\u043e \u0441 \u043a\u0430\u043c\u0435\u0440 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0421 \u043f\u0435\u0440\u0432\u044b\u0445 \u0434\u043d\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/hu\/blog\/administrirovanie\/webrtc-i-videonablyudenie-kak-my-pobedili-zaderzhku-video-s-kamer\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T18:46:17+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T18:46:17+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47WebRTC \u00e9s vide\u00f3megfigyel\u00e9s: hogyan gy\u0151zt\u00fck le a k\u00e9sleked\u00e9st a kamer\u00e1k vide\u00f3in | ProHoster","description":"A munk\u00e1nk els\u0151 napjait\u00f3l.","canonical_url":"https:\/\/prohoster.info\/hu\/blog\/administrirovanie\/webrtc-i-videonablyudenie-kak-my-pobedili-zaderzhku-video-s-kamer","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"hu_HU","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47WebRTC \u0438 \u0432\u0438\u0434\u0435\u043e\u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435: \u043a\u0430\u043a \u043c\u044b \u043f\u043e\u0431\u0435\u0434\u0438\u043b\u0438 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u0432\u0438\u0434\u0435\u043e \u0441 \u043a\u0430\u043c\u0435\u0440 | ProHoster","og:description":"\u0421 \u043f\u0435\u0440\u0432\u044b\u0445 \u0434\u043d\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434.","og:url":"https:\/\/prohoster.info\/hu\/blog\/administrirovanie\/webrtc-i-videonablyudenie-kak-my-pobedili-zaderzhku-video-s-kamer","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T18:46:17+00:00","article:modified_time":"2019-10-31T18:46:17+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"32314","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-21 10:17:20","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 17:17:44","updated":"2026-01-21 10:17:20","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/32314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/comments?post=32314"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/32314\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media\/24131"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media?parent=32314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/categories?post=32314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/tags?post=32314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}