{"id":38666,"date":"2019-10-31T22:25:10","date_gmt":"2019-10-31T19:25:10","guid":{"rendered":"https:\/\/prohoster.info\/blog\/udalennoe-upravlenie-kompyuterom-cherez-brauzer\/"},"modified":"2019-10-31T22:25:10","modified_gmt":"2019-10-31T19:25:10","slug":"udalennoe-upravlenie-kompyuterom-cherez-brauzer","status":"publish","type":"post","link":"https:\/\/prohoster.info\/sk\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer","title":{"rendered":"Ovl\u00e1danie po\u010d\u00edta\u010da na dia\u013eku cez prehliada\u010d","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Pribli\u017ene pred pol rokom som sa rozhodol vyvin\u00fa\u0165 program na ovl\u00e1danie po\u010d\u00edta\u010da cez prehliada\u010d. Za\u010dal som s jednoduch\u00fdm jednosocketov\u00fdm HTTP serverom, ktor\u00fd posielal obr\u00e1zky do prehliada\u010da a prij\u00edmal s\u00faradnice kurzora na ovl\u00e1danie.<\/p>\n<p>Na ur\u010ditej f\u00e1ze som si uvedomil, \u017ee na tieto \u00fa\u010dely dobre vyhovuje technol\u00f3gia WebRTC. Tak\u00e9to rie\u0161enie m\u00e1 prehliada\u010d Chrome, in\u0161taluje sa cez roz\u0161\u00edrenie. Ale chcel som vytvori\u0165 \u013eahk\u00fd program, ktor\u00fd bude fungova\u0165 bez in\u0161tal\u00e1cie.<\/p>\n<p>Najprv som sa pok\u00fasil pou\u017ei\u0165 kni\u017enicu, ktor\u00fa poskytuje Google, ale po kompil\u00e1cii zaberala 500 MB. Musel som realizova\u0165 cel\u00fd WebRTC stack takmer od nuly, podarilo sa mi v\u0161etko zmesti\u0165 do exe s\u00faboru s ve\u013ekos\u0165ou 2,5 MB. M\u00f4j kamo\u0161 pomohol s rozhran\u00edm na JS, tu je to, \u010do nakoniec vzniklo.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nSp\u00fa\u0161\u0165ame program:<\/p>\n<p><img decoding=\"async\" alt=\"Ovl\u00e1danie po\u010d\u00edta\u010da na dia\u013eku cez prehliada\u010d\" src=\"\/wp-content\/uploads\/2019\/10\/3870c62ab9275fbb3fcd301e3e6b0ae2.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nOtvor\u00edme odkaz na karte prehliada\u010da a z\u00edskame pln\u00fd pr\u00edstup k pracovnej ploche:<\/p>\n<p><img decoding=\"async\" alt=\"Ovl\u00e1danie po\u010d\u00edta\u010da na dia\u013eku cez prehliada\u010d\" src=\"\/wp-content\/uploads\/2019\/10\/7d534ffafce6125d470db1e3964502a0.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nMal\u00e1 anim\u00e1cia procesu nadv\u00e4zovania spojenia:<\/p>\n<p><img decoding=\"async\" alt=\"Ovl\u00e1danie po\u010d\u00edta\u010da na dia\u013eku cez prehliada\u010d\" src=\"\/wp-content\/uploads\/2019\/10\/8ce938a9bd6d046508c26f12f74ea57f.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nPodporuje sa Chrome, Firefox, Safari, Opera.<\/p>\n<p>Existuje mo\u017enos\u0165 prenosu zvuku, audio hovoru, ovl\u00e1dania schr\u00e1nky, prenosu s\u00faborov a vyvol\u00e1vania kl\u00e1vesov\u00fdch skratiek.<\/p>\n<p>Pri pr\u00e1ci na programe som musel \u0161tudova\u0165 desiatky RFC a pochopi\u0165, \u017ee na internete nie je dostatok inform\u00e1ci\u00ed o fungovan\u00ed WebRTC protokolu. Chcem nap\u00edsa\u0165 \u010dl\u00e1nok o technol\u00f3gi\u00e1ch, ktor\u00e9 sa v \u0148om pou\u017e\u00edvaj\u00fa, a r\u00e1d by som vedel, ak\u00e9 ot\u00e1zky z uveden\u00fdch zauj\u00edmaj\u00fa komunitu:<\/p>\n<ul>\n<li>SDP protokol na popis pr\u00fadov\u00fdch d\u00e1t<\/li>\n<li>ICE kandid\u00e1ti a nadv\u00e4zovanie spojenia medzi dvoma bodmi, STUN a TURN <a class=\"wpil_keyword_link\" href=\"https:\/\/prohoster.info\/sk\/server\/dts-los-angeles\/\"   title=\"servera\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"3524\">servera<\/a> <\/li>\n<li>DTLS spojenie a prenos k\u013e\u00fa\u010dov do RTP rel\u00e1cie<\/li>\n<li>RTP a RTCP protokoly s \u0161ifrovan\u00edm na prenos medi\u00e1lnych d\u00e1t<\/li>\n<li>Prenos H264, VP8 a Opus cez RTP<\/li>\n<li>SCTP spojenie na prenos bin\u00e1rnych d\u00e1t<\/li>\n<\/ul>\n<p>Zdroj: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/470005\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u041e\u043a\u043e\u043b\u043e \u043f\u043e\u043b\u0443\u0433\u043e\u0434\u0430 \u043d\u0430\u0437\u0430\u0434 \u0437\u0430\u0434\u0443\u043c\u0430\u043b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u043c \u0447\u0435\u0440\u0435\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440. \u041d\u0430\u0447\u0430\u043b \u0441 \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u043e\u0434\u043d\u043e\u0441\u043e\u043a\u0435\u0442\u043d\u043e\u0433\u043e HTTP \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u043b \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u043b \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u043a\u0443\u0440\u0441\u043e\u0440\u0430 \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f. \u041d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0434\u0438\u0438 \u043f\u043e\u043d\u044f\u043b \u0447\u0442\u043e \u0434\u043b\u044f \u044d\u0442\u0438\u0445 \u0446\u0435\u043b\u0435\u0439 \u0445\u043e\u0440\u043e\u0448\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f WebRTC. \u0422\u0430\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0435\u0441\u0442\u044c \u0443 Chrome \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430, \u043e\u043d\u043e \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435. \u041d\u043e \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043c\u0430\u043b\u043e\u0432\u0435\u0441\u043d\u0443\u044e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443, [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":29005,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[688],"tags":[],"class_list":["post-38666","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.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u041e\u043a\u043e\u043b\u043e \u043f\u043e\u043b\u0443\u0433\u043e\u0434\u0430 \u043d\u0430\u0437\u0430\u0434 \u0437\u0430\u0434\u0443\u043c\u0430\u043b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u043c \u0447\u0435\u0440\u0435\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440.\" \/>\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\/sk\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"sk_SK\" \/>\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\udd47\u0423\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u043c \u0447\u0435\u0440\u0435\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u041e\u043a\u043e\u043b\u043e \u043f\u043e\u043b\u0443\u0433\u043e\u0434\u0430 \u043d\u0430\u0437\u0430\u0434 \u0437\u0430\u0434\u0443\u043c\u0430\u043b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u043c \u0447\u0435\u0440\u0435\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/sk\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer\" \/>\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-31T19:25:10+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T19:25:10+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\udd47Dia\u013ekov\u00e9 ovl\u00e1danie po\u010d\u00edta\u010da cez prehliada\u010d | ProHoster","description":"Pribli\u017ene pred pol rokom som sa rozhodol vyvin\u00fa\u0165 program na ovl\u00e1danie po\u010d\u00edta\u010da cez prehliada\u010d.","canonical_url":"https:\/\/prohoster.info\/sk\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sk_SK","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\udd47\u0423\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u043c \u0447\u0435\u0440\u0435\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 | ProHoster","og:description":"\u041e\u043a\u043e\u043b\u043e \u043f\u043e\u043b\u0443\u0433\u043e\u0434\u0430 \u043d\u0430\u0437\u0430\u0434 \u0437\u0430\u0434\u0443\u043c\u0430\u043b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u043c \u0447\u0435\u0440\u0435\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440.","og:url":"https:\/\/prohoster.info\/sk\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer","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-31T19:25:10+00:00","article:modified_time":"2019-10-31T19:25:10+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"38666","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-02-22 15:56:24","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 01:05:22","updated":"2026-02-22 15:56:24","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/posts\/38666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/comments?post=38666"}],"version-history":[{"count":1,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/posts\/38666\/revisions"}],"predecessor-version":[{"id":162050,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/posts\/38666\/revisions\/162050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/media\/29005"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/media?parent=38666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/categories?post=38666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sk\/wp-json\/wp\/v2\/tags?post=38666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}