{"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\/cs\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer","title":{"rendered":"Vzd\u00e1len\u00e9 ovl\u00e1d\u00e1n\u00ed po\u010d\u00edta\u010de p\u0159es prohl\u00ed\u017ee\u010d","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>P\u0159ed asi p\u016fl rokem jsem si dal za c\u00edl vytvo\u0159it program pro ovl\u00e1d\u00e1n\u00ed po\u010d\u00edta\u010de p\u0159es prohl\u00ed\u017ee\u010d. Za\u010dal jsem s jednoduch\u00fdm jednosocketov\u00fdm HTTP serverem, kter\u00fd pos\u00edlal obr\u00e1zky do prohl\u00ed\u017ee\u010de a z\u00edsk\u00e1val sou\u0159adnice kurzoru pro ovl\u00e1d\u00e1n\u00ed.<\/p>\n<p>Na ur\u010dit\u00e9m stupni jsem si uv\u011bdomil, \u017ee pro tyto \u00fa\u010dely se dob\u0159e hod\u00ed technologie WebRTC. Takov\u00e9 \u0159e\u0161en\u00ed nab\u00edz\u00ed prohl\u00ed\u017ee\u010d Chrome a instaluje se prost\u0159ednictv\u00edm roz\u0161\u00ed\u0159en\u00ed. Ale cht\u011bl jsem vytvo\u0159it lehk\u00fd program, kter\u00fd bude fungovat bez instalace.<\/p>\n<p>Nejprve jsem se pokusil pou\u017e\u00edt knihovnu, kterou poskytuje Google, ale po zkompilov\u00e1n\u00ed zab\u00edr\u00e1 500 MB. Musel jsem cel\u00fd WebRTC stack implementovat t\u00e9m\u011b\u0159 od nuly a poda\u0159ilo se mi v\u0161e vm\u011bstnat do exe souboru o velikosti 2,5 MB. Kamar\u00e1d mi pomohl s u\u017eivatelsk\u00fdm rozhran\u00edm v JS, a tohle je v\u00fdsledek.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nSpust\u00edme program:<\/p>\n<p><img decoding=\"async\" alt=\"Vzd\u00e1len\u00e9 ovl\u00e1d\u00e1n\u00ed po\u010d\u00edta\u010de p\u0159es prohl\u00ed\u017ee\u010d\" src=\"\/wp-content\/uploads\/2019\/10\/3870c62ab9275fbb3fcd301e3e6b0ae2.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nOtev\u0159eme odkaz v z\u00e1lo\u017ece prohl\u00ed\u017ee\u010de a z\u00edsk\u00e1me pln\u00fd p\u0159\u00edstup k pracovn\u00ed plo\u0161e:<\/p>\n<p><img decoding=\"async\" alt=\"Vzd\u00e1len\u00e9 ovl\u00e1d\u00e1n\u00ed po\u010d\u00edta\u010de p\u0159es prohl\u00ed\u017ee\u010d\" src=\"\/wp-content\/uploads\/2019\/10\/7d534ffafce6125d470db1e3964502a0.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nMal\u00e1 animace procesu navazov\u00e1n\u00ed spojen\u00ed:<\/p>\n<p><img decoding=\"async\" alt=\"Vzd\u00e1len\u00e9 ovl\u00e1d\u00e1n\u00ed po\u010d\u00edta\u010de p\u0159es prohl\u00ed\u017ee\u010d\" src=\"\/wp-content\/uploads\/2019\/10\/8ce938a9bd6d046508c26f12f74ea57f.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nPodporuje se Chrome, Firefox, Safari, Opera.<\/p>\n<p>Je mo\u017enost p\u0159enosu zvuku, audio hovoru, ovl\u00e1d\u00e1n\u00ed clipboardu, p\u0159enosu soubor\u016f a vyvol\u00e1n\u00ed kl\u00e1vesov\u00fdch zkratek.<\/p>\n<p>P\u0159i pr\u00e1ci na programu jsem musel prostudovat des\u00edtky RFC a pochopit, \u017ee na internetu je nedostatek informac\u00ed o fungov\u00e1n\u00ed protokolu WebRTC. Chci napsat \u010dl\u00e1nek o technologi\u00edch, kter\u00e9 se v n\u011bm pou\u017e\u00edvaj\u00ed, a zaj\u00edm\u00e1 m\u011b, kter\u00e9 ot\u00e1zky z n\u00ed\u017ee uveden\u00fdch zaj\u00edmaj\u00ed komunitu:<\/p>\n<ul>\n<li>SDP protokol popisu streamovan\u00fdch dat<\/li>\n<li>ICE kandid\u00e1ti a navazov\u00e1n\u00ed spojen\u00ed mezi dv\u011bma body, STUN a TURN <a class=\"wpil_keyword_link\" href=\"https:\/\/prohoster.info\/cs\/server\/dts-los-angeles\/\"   title=\"serveru\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"3524\">serveru<\/a> <\/li>\n<li>DTLS spojen\u00ed a p\u0159enos kl\u00ed\u010d\u016f do RTP relace<\/li>\n<li>RTP a RTCP protokoly s \u0161ifrov\u00e1n\u00edm pro p\u0159enos medi\u00e1ln\u00edch dat<\/li>\n<li>P\u0159enos H264, VP8 a Opus p\u0159es RTP<\/li>\n<li>SCTP spojen\u00ed pro p\u0159enos bin\u00e1rn\u00edch dat<\/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.3 - 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\/cs\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"cs_CZ\" \/>\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\/cs\/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\udd47Ovl\u00e1d\u00e1n\u00ed po\u010d\u00edta\u010de na d\u00e1lku p\u0159es prohl\u00ed\u017ee\u010d | ProHoster","description":"P\u0159ed asi p\u016fl rokem jsem si dal za c\u00edl vytvo\u0159it program pro ovl\u00e1d\u00e1n\u00ed po\u010d\u00edta\u010de p\u0159es prohl\u00ed\u017ee\u010d.","canonical_url":"https:\/\/prohoster.info\/cs\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"cs_CZ","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\/cs\/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\/cs\/wp-json\/wp\/v2\/posts\/38666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=38666"}],"version-history":[{"count":1,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/38666\/revisions"}],"predecessor-version":[{"id":162050,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/38666\/revisions\/162050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media\/29005"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=38666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=38666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=38666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}