{"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\/pl\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer","title":{"rendered":"Zdalne zarz\u0105dzanie komputerem przez przegl\u0105dark\u0119","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Oko\u0142o p\u00f3\u0142 roku temu pomy\u015bla\u0142em o stworzeniu programu do zarz\u0105dzania komputerem przez przegl\u0105dark\u0119. Zacz\u0105\u0142em od prostego jednogniazdowego serwera HTTP, kt\u00f3ry przesy\u0142a\u0142 obrazy do przegl\u0105darki i odbiera\u0142 wsp\u00f3\u0142rz\u0119dne kursora do zarz\u0105dzania.<\/p>\n<p>Na pewnym etapie zrozumia\u0142em, \u017ce do tych cel\u00f3w dobrze nadaje si\u0119 technologia WebRTC. Takie rozwi\u0105zanie istnieje w przegl\u0105darce Chrome, instalowane jest za pomoc\u0105 rozszerzenia. Chcia\u0142em jednak stworzy\u0107 lekk\u0105 aplikacj\u0119, kt\u00f3ra dzia\u0142a\u0142aby bez instalacji.<\/p>\n<p>Najpierw spr\u00f3bowa\u0142em u\u017cy\u0107 biblioteki, kt\u00f3r\u0105 dostarcza Google, ale po kompilacji zajmowa\u0142a ona 500 MB. Musia\u0142em prawie od podstaw zrealizowa\u0107 ca\u0142y stos WebRTC, uda\u0142o si\u0119 wszystko zmie\u015bci\u0107 w pliku exe o rozmiarze 2,5 MB. Przyszed\u0142 mi z pomoc\u0105 przy interfejsie w JS, oto co ostatecznie uzyskali\u015bmy.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nUruchamiamy program:<\/p>\n<p><img decoding=\"async\" alt=\"Zdalne zarz\u0105dzanie komputerem przez przegl\u0105dark\u0119\" src=\"\/wp-content\/uploads\/2019\/10\/3870c62ab9275fbb3fcd301e3e6b0ae2.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nOtwieramy link w zak\u0142adce przegl\u0105darki i zyskujemy pe\u0142ny dost\u0119p do pulpitu:<\/p>\n<p><img decoding=\"async\" alt=\"Zdalne zarz\u0105dzanie komputerem przez przegl\u0105dark\u0119\" src=\"\/wp-content\/uploads\/2019\/10\/7d534ffafce6125d470db1e3964502a0.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nMa\u0142a animacja procesu nawi\u0105zywania po\u0142\u0105czenia:<\/p>\n<p><img decoding=\"async\" alt=\"Zdalne zarz\u0105dzanie komputerem przez przegl\u0105dark\u0119\" src=\"\/wp-content\/uploads\/2019\/10\/8ce938a9bd6d046508c26f12f74ea57f.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\nObs\u0142ugiwane s\u0105 przegl\u0105darki Chrome, Firefox, Safari, Opera.<\/p>\n<p>Istnieje mo\u017cliwo\u015b\u0107 przesy\u0142ania d\u017awi\u0119ku, po\u0142\u0105cze\u0144 audio, zarz\u0105dzania schowkiem, przesy\u0142ania plik\u00f3w oraz wywo\u0142ywania skr\u00f3t\u00f3w klawiszowych.<\/p>\n<p>W trakcie pracy nad programem musia\u0142em zapozna\u0107 si\u0119 z dziesi\u0105tkami RFC i zrozumie\u0107, \u017ce w Internecie brakuje informacji na temat dzia\u0142ania protoko\u0142u WebRTC. Chc\u0119 napisa\u0107 artyku\u0142 na temat technologii, kt\u00f3re w nim wykorzystywane, chcia\u0142bym wiedzie\u0107, jakie pytania z poni\u017cszego spisu interesuj\u0105 spo\u0142eczno\u015b\u0107:<\/p>\n<ul>\n<li>Protok\u00f3\u0142 SDP opisu strumieni danych<\/li>\n<li>ICE kandydaci i nawi\u0105zywanie po\u0142\u0105czenia mi\u0119dzy dwoma punktami, STUN i TURN <a class=\"wpil_keyword_link\" href=\"https:\/\/prohoster.info\/pl\/server\/dts-los-angeles\/\"   title=\"serwera\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"3524\">serwera<\/a> <\/li>\n<li>Po\u0142\u0105czenie DTLS i przesy\u0142anie kluczy do sesji RTP<\/li>\n<li>Protok\u00f3\u0142y RTP i RTCP z szyfrowaniem do przesy\u0142ania danych multimedialnych<\/li>\n<li>Przesy\u0142anie H264, VP8 i Opus przez RTP<\/li>\n<li>Po\u0142\u0105czenie SCTP do przesy\u0142ania danych binarnych<\/li>\n<\/ul>\n<p>\u0179r\u00f3d\u0142o: <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.1.1 - 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\/pl\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"pl_PL\" \/>\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\/pl\/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\udd47Zdalne zarz\u0105dzanie komputerem przez przegl\u0105dark\u0119 | ProHoster","description":"Oko\u0142o p\u00f3\u0142 roku temu pomy\u015bla\u0142em o stworzeniu programu do zarz\u0105dzania komputerem przez przegl\u0105dark\u0119.","canonical_url":"https:\/\/prohoster.info\/pl\/blog\/administrirovanie\/udalennoe-upravlenie-kompyuterom-cherez-brauzer","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"pl_PL","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\/pl\/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\/pl\/wp-json\/wp\/v2\/posts\/38666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/comments?post=38666"}],"version-history":[{"count":1,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts\/38666\/revisions"}],"predecessor-version":[{"id":162050,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts\/38666\/revisions\/162050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/media\/29005"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/media?parent=38666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/categories?post=38666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/tags?post=38666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}