{"id":2801,"date":"2020-11-18T00:00:00","date_gmt":"2020-11-18T00:00:00","guid":{"rendered":"https:\/\/megnyitasa.com\/blog\/allitson-be-egy-webkamera-weboldalt\/"},"modified":"2020-11-18T00:00:00","modified_gmt":"2020-11-18T00:00:00","slug":"allitson-be-egy-webkamera-weboldalt","status":"publish","type":"post","link":"https:\/\/megnyitasa.com\/blog\/allitson-be-egy-webkamera-weboldalt\/","title":{"rendered":"\u00c1ll\u00edtson be egy webkamera weboldalt"},"content":{"rendered":"<p>\nA webkamer\u00e1k nem \u00faj kelet\u0171ek az interneten, \u00e9s m\u00e9gis hihetetlen\u00fcl n\u00e9pszer\u0171ek. K\u00f6nnyebb, mint valaha, be\u00e1ll\u00edtani egy webkamer\u00e1s oldalt, \u00e9s fel\u00e9p\u00edteni a sok el\u00e9rhet\u0151 webkamera-oldal egyik\u00e9v\u00e9 v\u00e1lni. Csak egy webkamer\u00e1val rendelkez\u0151 sz\u00e1m\u00edt\u00f3g\u00e9pre, internetkapcsolatra \u00e9s egy szerverre van sz\u00fcks\u00e9ge a webhely t\u00e1rol\u00e1s\u00e1hoz. A felk\u00e9sz\u00fcl\u00e9s sem tart t\u00fal sok\u00e1ig.\n<\/p>\n<h2>  Webkamera be\u00e1ll\u00edt\u00e1sa az \u00e9l\u0151 k\u00f6zvet\u00edt\u00e9shez  <\/h2>\n<p>\n\u00cdgy \u00e1ll\u00edthat be webkamer\u00e1t, hogy m\u0171k\u00f6dj\u00f6n egy\u00fctt a webhely\u00e9vel:\n<\/p>\n<ol>\n<li>\n<p>\nV\u00e1lasszon egy t\u00e1rhely szolg\u00e1ltat\u00e1st. A webgazda olyan szerver, amelyet az interneten b\u00e9rel a webhely\u00e9nek t\u00e1rol\u00e1s\u00e1ra. \u00c1ltal\u00e1ban olcs\u00f3k \u00e9s nem ig\u00e9nyelnek sok karbantart\u00e1st. Ezt gyakorlatilag b\u00e1rmelyik internetes gazdag\u00e9ppel megteheti.\n<\/p>\n<\/li>\n<li>\n<p>\nCsatlakoztassa a webkamer\u00e1t a sz\u00e1m\u00edt\u00f3g\u00e9phez, amelyr\u0151l streamelni szeretne. Haszn\u00e1lja az asztalt vagy egy kisebb dedik\u00e1lt sz\u00e1m\u00edt\u00f3g\u00e9pet, p\u00e9ld\u00e1ul egy Raspberry Pi-t. Gy\u0151z\u0151dj\u00f6n meg arr\u00f3l, hogy a webkamera olyan sz\u00e1m\u00edt\u00f3g\u00e9phez csatlakozik, amelyre a leg\u00fajabb illeszt\u0151programok vannak telep\u00edtve.\n<\/p>\n<\/li>\n<li>\n<p>\nV\u00e1lasszon m\u00e9dialej\u00e1tsz\u00f3t. A VLC egy ny\u00edlt forr\u00e1sk\u00f3d\u00fa m\u00e9dialej\u00e1tsz\u00f3, amely ingyenes, \u00e9s Windows, Mac \u00e9s Linux rendszereken m\u0171k\u00f6dik. A VLC be\u00e9p\u00edtett streaming k\u00e9pess\u00e9gekkel rendelkezik.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/0jAjJkzhv6DydIQk-3aUR2_RC_E=\/1569x971\/filters:no_upscale():max_bytes(150000):strip_icc()\/008_set-up-webcam-web-page-3464515-502c949b63dc4ba390ffd29686415847.jpg\"><\/p>\n<p>L\u00e9pjen a VLC let\u00f6lt\u00e9si oldal\u00e1ra, \u00e9s t\u00f6ltse le a telep\u00edt\u0151 leg\u00fajabb verzi\u00f3j\u00e1t. Ha Linuxot haszn\u00e1l, a VLC megtal\u00e1lhat\u00f3 a disztrib\u00faci\u00f3 t\u00e1rh\u00e1zaiban, ez\u00e9rt el\u0151sz\u00f6r ellen\u0151rizze.<\/p>\n<\/li>\n<li>\n<p>\nTelep\u00edtse a VLC-t. Egy var\u00e1zsl\u00f3 v\u00e9gigvezeti \u00d6nt a VLC telep\u00edt\u00e9s\u00e9nek folyamat\u00e1n.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/q49Ti2sgSokSSzG9AZBs4TAqzQw=\/1280x720\/filters:no_upscale():max_bytes(150000):strip_icc()\/vlc-setup-win10-5c88161746e0fb00017b31a5.jpg\"><\/p>\n<\/li>\n<li>\n<p>\nNyissa meg a VLC-t.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/jqn7A2BxnYGppHydaQCYtVXLb-g=\/1280x720\/filters:no_upscale():max_bytes(150000):strip_icc()\/vlc-running-win10-5c8816334cedfd000190b240.jpg\"><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nA VLC kezd\u0151k\u00e9perny\u0151n v\u00e1lassza a lehet\u0151s\u00e9get <strong>M\u00e9dia<\/strong>.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/6hz3ZMmNKEUYoLCp2ZTqyeDOAxU=\/1122x674\/filters:no_upscale():max_bytes(150000):strip_icc()\/001_set-up-webcam-web-page-3464515-3beca844e924489cb6c0ad2ca7fec9d8.jpg\"><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nv\u00e1laszt <strong>Folyam<\/strong>.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/hea7lIQNidg2IivxxVOohSJanB8=\/1122x674\/filters:no_upscale():max_bytes(150000):strip_icc()\/002_set-up-webcam-web-page-3464515-6db7a0a8079e46a6ab7b4692665e46d8.jpg\"><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nBan,-ben <strong>Nyissa meg a M\u00e9dia lehet\u0151s\u00e9get<\/strong> p\u00e1rbesz\u00e9dpanelen v\u00e1lassza a ikont <strong>Eszk\u00f6z r\u00f6gz\u00edt\u00e9se<\/strong> Tab.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/txmxnyJnLK615ddpas-ht79vEO0=\/1126x672\/filters:no_upscale():max_bytes(150000):strip_icc()\/003_set-up-webcam-web-page-3464515-0de0be7a4e5341d7b9844ebf856b9312.jpg\"><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nV\u00e1lassza ki a <strong>Vide\u00f3 eszk\u00f6z neve<\/strong> leg\u00f6rd\u00fcl\u0151 men\u00fc ny\u00edl, \u00e9s v\u00e1lassza ki a webkamer\u00e1t. Ha audi\u00f3 r\u00f6gz\u00edt\u00e9s\u00e9t is tervezi, v\u00e1lassza a ikont <strong>Audi\u00f3 eszk\u00f6z neve<\/strong> leg\u00f6rd\u00fcl\u0151 ny\u00edl, \u00e9s v\u00e1lassza ki az audioeszk\u00f6zt. Ezut\u00e1n v\u00e1lassza ki <strong>Folyam<\/strong>.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/a5m0y-9DmdXMuNW9LjIUy6StzKc=\/1126x672\/filters:no_upscale():max_bytes(150000):strip_icc()\/004_set-up-webcam-web-page-3464515-a8879cf3dd6a46cea17a69252ed98553.jpg\"><\/p>\n<\/li>\n<li>\n<p>\nEllen\u0151rizze a stream forr\u00e1s\u00e1t. A VLC megjelen\u00edti a webkamera hely\u00e9t. Megadhat egy m\u00e1sik adatfolyamot, de a legt\u00f6bb esetben az alap\u00e9rtelmezettel megy.\n<\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\n\u00c1ll\u00edtsa be az adatfolyam c\u00e9l\u00e1llom\u00e1s\u00e1t. V\u00e1laszt <strong>HTTP<\/strong>, Majd v\u00e1lassza ki <strong>hozz\u00e1ad<\/strong>.\n<\/p>\n<p>T\u00f6bb c\u00e9l\u00e1llom\u00e1s is l\u00e9trehozhat\u00f3, de a streamhez csak HTTP sz\u00fcks\u00e9ges.<\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nA VLC \u00faj lapot hoz l\u00e9tre a HTTP-adatfolyamhoz. A f\u00fcl k\u00e9t lehet\u0151s\u00e9get tartalmaz, egyet a portra \u00e9s egyet az \u00fatvonalra. Hacsak nem valami m\u00e1s haszn\u00e1lja az alap\u00e9rtelmezett portot, tartsa meg az alap\u00e9rtelmezettet. Az el\u00e9r\u00e9si \u00fat a stream URL-j\u00e9nek pontos \u00fatvonala, amely a f\u0151 URL-t k\u00f6veti, \u00e9s alap\u00e9rtelmez\u00e9s szerint ez a http: \/\/ localhost: 8080 \/ path. Ban,-ben <strong>\u00datvonal <\/strong>sz\u00f6vegmez\u0151be \u00edrja be <strong>\/folyam<\/strong> vagy valami hasonl\u00f3 ahhoz, hogy a folyam elk\u00fcl\u00f6n\u00fclj\u00f6n b\u00e1rmi m\u00e1st\u00f3l, amelyet esetleg futtat.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/jQCR_LMPynDfLkp1ZA1Ez1LmlWo=\/1130x673\/filters:no_upscale():max_bytes(150000):strip_icc()\/005_set-up-webcam-web-page-3464515-6f483ef60a154c2fa0da9f401ff069af.jpg\"><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nV\u00e1lassza ki az adatfolyam k\u00f3dol\u00e1si profilj\u00e1t. A legegyszer\u0171bb \u00e9s univerz\u00e1lis form\u00e1tum itt dolgozni az OGG. V\u00e1laszd ki a <strong>profil <\/strong>leg\u00f6rd\u00fcl\u0151 ny\u00edl \u00e9s v\u00e1lassza a lehet\u0151s\u00e9get <strong>Vide\u00f3 - Theora + Vorbis (OGG)<\/strong>. Haszn\u00e1lja a csavarkulcs ikont az adott be\u00e1ll\u00edt\u00e1sok m\u00f3dos\u00edt\u00e1s\u00e1hoz, de az alap\u00e9rtelmezett profil a legt\u00f6bb helyzetben m\u0171k\u00f6dik.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/S6GXZfdlUMB4DWHUzagnUPqfj8A=\/1139x671\/filters:no_upscale():max_bytes(150000):strip_icc()\/006_set-up-webcam-web-page-3464515-61fc73bea6004c809270af90a8c2b3cc.jpg\"><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nV\u00e1lassza ki a <strong>Streamelje az \u00f6sszes elemi adatfolyamot<\/strong> jel\u00f6l\u0151n\u00e9gyzetet, majd jel\u00f6lje be <strong>Folyam<\/strong> kezdeni.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/N4eoh3oJ78MtkWUlIsAe2GYUyhM=\/1144x667\/filters:no_upscale():max_bytes(150000):strip_icc()\/007_set-up-webcam-web-page-3464515-5672c721c7d7434eb301c6fdc7042cee.jpg\"><\/p>\n<\/li>\n<li>\n<p>\nAz adatfolyam most a sz\u00e1m\u00edt\u00f3g\u00e9pen fut a megadott porton. N\u00e9h\u00e1ny b\u00f6ng\u00e9sz\u0151ben \u00e9s m\u00e9dialej\u00e1tsz\u00f3n el\u00e9rheti a sz\u00e1m\u00edt\u00f3g\u00e9p IP-c\u00edm\u00e9t, valamint a megadott portot \u00e9s el\u00e9r\u00e9si utat. Ha ezt az interneten szeretn\u00e9 megtenni, enged\u00e9lyezze az otthoni h\u00e1l\u00f3zat el\u00e9r\u00e9s\u00e9t az internetr\u0151l. Ennek k\u00e9tf\u00e9le m\u00f3dja van.\n<\/p>\n<ul>\n<li>\u00c1ll\u00edtsa be a port\u00e1tir\u00e1ny\u00edt\u00e1st az \u00fatv\u00e1laszt\u00f3r\u00f3l a sz\u00e1m\u00edt\u00f3g\u00e9pre az adatfolyamot futtat\u00f3 porton kereszt\u00fcl. Ezut\u00e1n \u00e1ll\u00edtson be dinamikus DNS-t egy olyan szolg\u00e1ltat\u00e1sb\u00f3l, mint a No-IP.com, hogy megbizonyosodjon arr\u00f3l, hogy az otthoni IP-c\u00edm nem v\u00e1ltozik. Ezzel a m\u00f3dszerrel ugyan\u00fagy f\u00e9rhet hozz\u00e1 a kamer\u00e1j\u00e1hoz, de a No-IP k\u00fcls\u0151 URL-j\u00e9t, majd a portsz\u00e1mot \u00e9s az el\u00e9r\u00e9si utat fogja haszn\u00e1lni. A c\u00edme \u00fagy n\u00e9z ki <strong>yourstream.no-ip.org:8080\/stream<\/strong>.<\/li>\n<li>\u00c1ll\u00edtson be egy VPN-t. A VPN-hez csatlakoztathatja sz\u00e1m\u00edt\u00f3g\u00e9p\u00e9t \u00e9s a webhelyet kiszolg\u00e1l\u00f3 szervert is. A VPN-en kereszt\u00fcl \u00fagy fognak viselkedni, mintha ugyanazon a helyi h\u00e1l\u00f3zaton lenn\u00e9nek, el\u00e9rhet\u0151v\u00e9 t\u00e9ve az adatfolyamot a szerver sz\u00e1m\u00e1ra.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p>\nMiut\u00e1n hozz\u00e1f\u00e9r a streamj\u00e9hez, egy sz\u00f6vegszerkeszt\u0151vel \u00edrjon n\u00e9h\u00e1ny alapvet\u0151 HTML-t, hogy tesztelje, hogyan jelenik meg webkamer\u00e1ja az oldalon. Valami minim\u00e1lis c\u00e9lra haszn\u00e1lja ezt a k\u00f3dot a weboldalon:\n<\/p>\n<p> Webkamera teszt<\/p>\n<p><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nHozza l\u00e9tre a HTML5 videoc\u00edmk\u00e9t a <strong><\/strong> c\u00edmk\u00e9k. \u00c1ll\u00edtsa be a forr\u00e1sattrib\u00fatumot az adatfolyam hely\u00e9re.\n<\/p>\n<p>&nbsp;<\/p>\n<p>\n&nbsp;Ha ezt helyben szeretn\u00e9 tesztelni a sz\u00e1m\u00edt\u00f3g\u00e9p\u00e9n, \u00edrja be:\n<\/p>\n<p>&nbsp;<\/p>\n<\/li>\n<li>\n<p>\nAdja hozz\u00e1 a vide\u00f3 egy\u00e9b attrib\u00fatumait, kezdve az azonos\u00edt\u00f3val, magass\u00e1ggal \u00e9s sz\u00e9less\u00e9ggel.\n<\/p>\n<p><\/p>\n<\/li>\n<li>\n<p>\nAdja hozz\u00e1 a vide\u00f3val kapcsolatos inform\u00e1ci\u00f3kat. Adja meg a vide\u00f3 t\u00edpus\u00e1t, a kodeket \u00e9s a b\u00f6ng\u00e9sz\u0151 lej\u00e1tsz\u00e1s\u00e1nak m\u00f3dj\u00e1t.\n<\/p>\n<p><\/p>\n<\/li>\n<li>\n<p>\n&nbsp;HTML f\u00e1jlj\u00e1nak hasonl\u00f3nak kell lennie ehhez a p\u00e9ld\u00e1hoz.\n<\/p>\n<p> Webkamera teszt<\/p>\n<\/li>\n<li>\n<p>\n&nbsp;Amikor a HTML megfelel\u0151nek t\u0171nik, mentse a f\u00e1jlt.\n<\/p>\n<\/li>\n<li>\n<p>\nNyissa meg a f\u00e1jlt egy b\u00f6ng\u00e9sz\u0151ben. Helyi tesztel\u00e9shez kattintson a jobb gombbal a f\u00e1jlra, \u00e9s v\u00e1lasszon ki egy b\u00f6ng\u00e9sz\u0151t, p\u00e9ld\u00e1ul a Chrome-ot. Ellenkez\u0151 esetben t\u00f6ltse fel a f\u00e1jlt a szerver HTML gy\u00f6k\u00e9rk\u00f6nyvt\u00e1r\u00e1ba. A webkamera stream t\u00f6bbnyire \u00fcres oldalon j\u00e1tszik le.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/7yeKlxblH43SGABLoO56gFKt_WU=\/1281x720\/filters:no_upscale():max_bytes(150000):strip_icc()\/webcam-stream-page-5c8818b146e0fb0001a0bf1c.jpg\"><\/p>\n<\/li>\n<\/ol>\n<p>\nT\u00f6bb mindent megtehet a webkamer\u00e1j\u00e1val. Ha azt tervezi, hogy WordPress seg\u00edts\u00e9g\u00e9vel \u00e9p\u00edti fel webhely\u00e9t, telep\u00edtse a webkamera egyik plug-inj\u00e9t. Ezekkel a b\u0151v\u00edtm\u00e9nyekkel mind\u00f6ssze annyit kell tennie, hogy megadja az adatfolyam c\u00edm\u00e9t. Ha maga k\u00e9sz\u00edti el a webhelyet, haszn\u00e1lja a HTML5 videoc\u00edmk\u00e9t, \u00e9s keresse meg ezt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A webkamer\u00e1k nem \u00faj kelet\u0171ek az interneten, \u00e9s m\u00e9gis hihetetlen\u00fcl n\u00e9pszer\u0171ek. K\u00f6nnyebb, mint valaha, be\u00e1ll\u00edtani egy webkamer\u00e1s oldalt, \u00e9s fel\u00e9p\u00edteni a sok el\u00e9rhet\u0151 webkamera-oldal egyik\u00e9v\u00e9 v\u00e1lni. Csak egy webkamer\u00e1val rendelkez\u0151 sz\u00e1m\u00edt\u00f3g\u00e9pre, internetkapcsolatra \u00e9s egy szerverre van sz\u00fcks\u00e9ge a webhely t\u00e1rol\u00e1s\u00e1hoz. A felk\u00e9sz\u00fcl\u00e9s sem tart t\u00fal sok\u00e1ig. Webkamera be\u00e1ll\u00edt\u00e1sa az \u00e9l\u0151 k\u00f6zvet\u00edt\u00e9shez \u00cdgy \u00e1ll\u00edthat be webkamer\u00e1t, &#8230; <a title=\"\u00c1ll\u00edtson be egy webkamera weboldalt\" class=\"read-more\" href=\"https:\/\/megnyitasa.com\/blog\/allitson-be-egy-webkamera-weboldalt\/\" aria-label=\"Read more about \u00c1ll\u00edtson be egy webkamera weboldalt\">Olvass tov\u00e1bb<\/a><\/p>\n","protected":false},"author":213,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-2801","post","type-post","status-publish","format-standard","hentry","category-wiki"],"_links":{"self":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/2801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/users\/213"}],"replies":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/comments?post=2801"}],"version-history":[{"count":0,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/2801\/revisions"}],"wp:attachment":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/media?parent=2801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/categories?post=2801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/tags?post=2801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}