Webkamera na vlastním webu
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Webkamera na vlastním webuWebkamera na vlastním webu

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno

Webkamera na vlastním webu

Google       Google       6. 6. 2008       30 584×

Jesli máte webku, není to žádný problém.

Reklama
Reklama

Určitě jste už narazili na stránky nějakého toho města a všimli jste si webkamery, která je umístěná třeba nad náměstím. Pokud byste chtěli takovouto věcičku taky na své stránky, tak věnujte trochu času na přečtení tohoto článku.

Co budeme potřebovat?

  • webkamera
  • připojení k Internetu (čím rychlejší, tím lépe)
  • FTP přístup na server
  • software

Jakou budete mít webku je prakticky úplně jedno (já to zkoušel na Trust Spacecam 320, dneska se už asi ani neprodává). Čím rychlejší budete mít Internet (upload), tím lépe, určitě bych nedoporučoval dial-up (56 kbps), je to pomalé a pokud chcete vysílat, musíte být nepřetržitě připojeni k Internetu. Další podmínkou je přístup k FTP na serveru (to by neměl být problém, stačí se někde, pokud nechcete platit, zaregistrovat na freehostingu a jede se). Prográmků na webkamery je strašně moc, my budeme potřebovat program, který dokáže posílat obrázky na FTP server. My využijeme služeb freeware softwaru Kamera 2004.

Jak to funguje?

Jak už sem psal, budeme posílat obrázky ve formátu JPG na server (takže to nebude video), dané obrázky budeme obnovovat intervalem, který nastavíme.

Kódujeme…

Teď od omáčky k praxi. Lepší je dát obnovovací stránku do iframe, tak se nám nebude stále obnovovat celá stránka.

Index.html

<html>
<head>
 <title>Webkamera</title>
<style>
 iframe {width:400px;height:300px;border:0;}
</style>
</head>
<body>
 <iframe src="webkamera.html" width="400" height="300"></iframe> 
</body>
</html>

Kamera.html

<html>  
<head>  
 <title>Webkamera</title>  
 <meta http-equiv="refresh" content="5;">  
 <meta http-equiv="Cache-Control" content="must-revalidate, post-check=0, pre-check=0">  
 <meta http-equiv="Pragma" content="public">  
 <meta http-equiv="Cache-Control" content="no-cache">  
 <meta http-equiv="Pragma" content="no-cache">  
 <meta http-equiv="Expires" content="-1">
<style>
 margin{0;}
</style>  
</head>  
<body>  
 <img src="kamera.jpg" height="240" width="320" alt="Webkamera">   
</body>  
</html>

Metatagy

  • http-equiv="refresh" – refresh stránky, číslo v content znamená čas (5s)
  • http-equiv="Cache-Control" – omezí ukládání stránky do cache a na počítači klienta
  • http-equiv="Pragma" – podobně jako Cache-Control
  • http-equiv="Expires" – vypršení

Software

Z freeware programů jsem si vybral Kamera 2004. Umí toho spoustu, je malý, česky a nemusí se instalovat.

Kamera 2004

Stáhněte program Kamera 2004, anebo se podívejte na stránky autora programu Radka Chalupy.

Nastavení

Spusťte program. Pokud vám hned nenaběhne okno s kamerou, klikněte pravým tlačítkem myši na obrázek kamery v pravém dolním rohu (vedle hodin). Z kontextové nabídky vyberte nastavení.

V dialogovém okně Nastavení na záložce Obecné nastavte Videozařízení (vyberte vaši webkameru). Nastavte další parametry dle své volby. Přejděte na záložku Webkamera. Zde změňte Jméno souboru na Kamera a příponu zvolte JPG. Interval snímkování dejte 50. Složku na FTP nadepište webka. Poslední záložkou je FTP připojení, zde vyplníte údaje pro přihlášení k FTP účtu a zatrhněte Udržovat připojení.

Tímto máme vše nastavené. Na FTP serveru si vytvořte novou složku s názvem webka, do ní budeme posílat obrázek z webkamery.

Závěr

Nyní nahrajte soubory index.html a kamera.html do složky webka, která je již na FTP serveru (pokud jste ji tedy už vytvořili). Zapněte program Kamera 2004 a v menu Kamera vyberte z menu Spustit webkameru (modré éčko jako u IE). Pokud je vše správně, měla by webkamera posílat pomocí programu obrázek na náš FTP server

Pozor
Na některých webhostingzích je zakázán jakýkoli refresh (automatické obnovování). Proto si nejprve zkontrolujte pravidla používání webhostingu, aby jste předešli případných problémům.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Jan MalýAutor programuje ve VB, HTML, CSS. Zajímá se o grafiku, fotografování
Web     Twitter     Facebook    

Nové články

Obrázek ke článku Datafesťak 2018 bude o datech, byznyse a ženách v IT

Datafesťak 2018 bude o datech, byznyse a ženách v IT

Na Univerzitě v Hradci Králové se 23. a 24. listopadu potkají všichni, které zajímá práce s daty. 

Reálné zkušenosti se zpracováním dat budou v prostorách univerzity prezentovat zástupci obchodních i výrobních firem. Potkat tak bude možné představitelé například z Kiwi.com, Crocodille, Dáme Jídlo nebo společnosti Adler. 

Reklama
Reklama
Obrázek ke článku 4 tipy, jak financovat rozvoj start-upu

4 tipy, jak financovat rozvoj start-upu

Možná jste právě jedním ze zakladatelů či manažerů nadějného start-upu 
a aktuálně řešíte, kde sehnat finanční prostředky pro další rozvoj. Zde pro vás máme čtyři tipy.

Obrázek ke článku Virtuální zrcadla změní způsob nakupování v e-shopech

Virtuální zrcadla změní způsob nakupování v e-shopech

Díky pluginu Virtooal.com získávají zákazníci e-shopů možnost si vyzkoušet produkty ve virtuálním světě. E-shopy, které si plugin nainstalují, výrazně snižují množství vráceného zboží, dělají nákupy zábavnějšími, a tím budují lepší vztahy se svými zákazníky. V současnosti lze Virtooal.com využít zejména pro kosmetiku, brýle a šperky, do budoucna půjde také o módu.

Obrázek ke článku Kariérní postup & vyšší plat: Titul MBA ve sféře IT

Kariérní postup & vyšší plat: Titul MBA ve sféře IT

Působíte jako specialista v oblasti IT a aspirujete na povýšení, příp. řídící pozici? Pak se jistě potýkáte nejen s vysokými nároky (potenciálních) zaměstnavatelů, ale i se silnou konkurencí ze strany ostatních uchazečů. Pokud chcete zvýšit své šance na kariérní posun a lepší plat, měli byste vedle technických dovedností ovládat i ty manažerské. Pomoci vám v tomto ohledu může studium MBA se specializací na management IT.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032018 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý