Vysílání z webkamery

Chcete, aby se na vašich stránkách zobrazovalo to, co snímá vaše webkamera? Tento článek popisuje pravděpodobně nejsnazší způsob, jak se takovéto vysílání dá zprovoznit.

Co budete potřebovat - Jak to vlastně funguje - Jak to udělat na svých stránkách - Práce s programem booru WebCam - K čemu je webkamera

Co budete potřebovat

Pro zprovoznění vysílání z webkamery na webových stránkách potřebujete následující ingredience:

Webkamera postačí téměř jakákoliv, kterou koupíte od nějakých 600Kč výše.

Předpokládám, že své stránky již máte nebo stavíte a máte pro ně místo někde na nějakém serveru. Jediný nárok na server je, že musíte mít přístup přes FTP s možností nahrávat (uploadovat) soubory. To dnes nabízí i každý lepší freehosting. K softwaru se dostanu později a co se týče připojení, čím rychlejší, tím lepší, ale úspěšně provozuji webkameru i na GPRS. Po celou dobu vysílání musíte být připojení, takže na dialu-upu nebo jiném nepaušálním připojení to není zrovna ekonomické.

A teď k softwaru. Existuje drahý software v řádu stovek dolarů, ale existují i freewarové varianty, které svojí funkčností bohatě postačí. Doporučuji program booruWebCam, který je volně šiřitelný (freeware).

Jak to vlastně funguje

Ve skutečnosti nejde o video, ale o fotografie pořizované v přednastaveném časovém intervalu (např. 5 sekund). Fotografie je programem uložena do JPG souboru a ten je přes FTP odeslán na server. Každých pět sekund tu tedy je nová fotografie. Aby je návštěvník stránek viděl ve svém prohlížeči, musíte patřičně upravit zdrojový kód. Čtěte dále.

Jak to udělat na svých stránkách

Doporučuji vytvořit jednu samostatnou stránku, jejímž obsahem bude jen obrázek poslaný na server programem z webkamery. Tuto stránku pak můžete zakomponovat do svých stránek přes plovoucí rám - iframe. Při načtení návštěvník vidí i aktuální obrázek z webkamery. Aby se mu zobrazily i později pořízené tj. aktuální obrázky/fotografie a nastal tak efekt videa, je třeba stránku zobrazenou v iframu znovu a znovu načítat.

Nejdříve vám předkládám zdrojový kód oné samostatné stránky kamera.html:

<html>
<head>
<title>Webkamera</title>
<meta http-equiv="refresh" content="7;">
<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>
body {margin: 0px;}
</style>
</head>
<body>
<img src="kamera.jpg" height="120" width="160" alt="Webkamera">
</body>
</html>

A teď vysvětlení. První meta tag refresh zajišťuje neustálé znovunačítání stránky včetně nejaktuálnější verze obrázku z webkamery. V atributu "content" je jako první číslo udávající periodu opakování načítání v sekundách. V mém příkladu je to sedm sekund. Protože stránka nenačítá jinou, ale sama sebe, nemusí zde být zadáno jméno této stránky (jak se to dělá při přesměrování). Další meta tagy ošetřují kešování stránky. Při provozu mé kamerky se mi stávalo, že se  některým "divákům" nezobrazovaly aktuální fotografie, ale soubor z cache. Uvedené meta tagy to vyřešily. V těle dokumentu je pak pouze obrázek.

Vložení iframe do stránek

Dalším krokem je vložení zmíněného iframu do vašeho webu. V plovoucím rámu musí být zobrazena stránka, kterou vytvoříte dle výše uvedeného příkladu. Zde je příklad zápisu kódu:

<iframe src="kamera.html" width="160" height="120"></iframe>

Takovýto kód můžete umístit do svých stránek.

Jistě jste si všimli, že v uvedených HTML zdrojových kódech jsou použity rozměry (obrázek, iframe). Tím se dostávám k práci se zmíněným programem booruWebCam, kde si velikost obrázků resp. vysílání nastavíte.

Práce s programem booru WebCam

Po stažení ze stránky http://user.it.uu.se/~jimh/newpage/download.html program spusťte (původní adresa  www.booru.net je v době psaní tohoto článku nefunkční). Je to rovnou binárka, nemusí se instalovat. Na obrazovce se objeví okénko s obrazem z webkamery.

Nastavení

Klikněte na obrázek pravým tlačítkem myši a z vyvolané kontextové nabídky vyberte nejdříve z podmenu Settings volbu Image. V dialogovém okně nastavte jméno obrázku (Save as). Jméno musí být shodné se jménem obrázku, jaké bude na serveru, tedy v mém modelovém příkladu se soubor s aktuální fotografií z webkamery jmenuje kamera.jpg.

V rámečku Jpeg ve stejném dialogovém okně můžete nastavit i kvalitu (Quality). Na GPRS používám 50%. Doporučuji si s tím po zprovoznění kamery pohrát a zjistit, co vaše připojení zvládne (čím vyšší kvalita, tím vyšší datová velikost). V rámečku Image Update nastavte periodu pořízení a nahrávání nových snímků v sekundách. V tomto okně pro základní použití již nic dělat nemusíte. Klikněte na OK a opět otevřete kontextovou nabídku a z podmenu Camera Setting vyberte položku Format. V tomto dialogovém okně můžete nastavit rozlišení obrázku, tedy tu výše naťuknutou velikost (například 160x120), která by měla korespondovat s deklarovanou velikostí obrázku a iframu v HTML kódu.

Nyní opět z kontextové nabídky a jejího podmenu Setting vyberte položku FTP. Nastavte parametry k přístupu na váš hosting dodané provozovatelem či administrátorem. Je to stejné jako nastavení kteréhokoliv FTP klienta (zvládá i pasivní přenos).  Nezapomeňte opět zadat patřičný název souboru s obrázkem/fotografií.

Nyní stačí opět z dobře známé kontextové nabídky zaškrtnout volbu Run a vysíláte. Pro plnou funkčnost musíte pochopitelně na serveru již mít i samostatný soubor pro zobrazení v iframu.

Doporučuji pohrát si s nastavením velikosti, kvality obrázku a frekvencí aktualizace tak, aby co nejvíce vyhovovala vašemu připojení. Já na GPRS mám obrázek o velikosti 160x120 pixelů v 50% kvalitě a updatuji každých pět sekund.

Možné problémy a jejich řešení

Osobně jsem narazil na problém s keší, ale ten jsem vyřešil meta tagy, které jsou uvedeny v příkladu výše. Další problém může být s firewallem. Povolte prográmku booruWebCam přístup na internet, když se vás firewall dotáže. Případně vytvořte pravidlo, abyste nemuseli třeba každých pět sekund povolovat odeslání aktuálního obrázku na server.

Co nemůžete ovlivnit, je nastavení návštěvníkova prohlížeče. Návštěvník může mít přesměrování používané při obnovení stránky s obrázkem v iframu zakázané. Je tu možnost stránku obnovovat javascriptem, ale z vlastní zkušenosti usuzuji, že častěji mají uživatelé internetu vypnutý javascript než-li přesměrování.

K čemu je webkamera

Pokud čtete tento článek čistě náhodně a nevidíte k živému vysílání na vašich stránkách důvod, tak zde mám několik situací, kdy se může hodit:

To je asi tak vše, co k této věci napsat. Existují jiná řešení zprovoznění webkamery, ale toto je dle mého názoru nejjednodušší. Pokud budete mít problém, rád vám pomohu - jirka.macich@macich.net

Jiří Macich ml.

Autor má vlastní blog na adrese blog.macich.net

Dočasné komentáře: Přidat nebo číst komentáře, počet: číslo

 

o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

Články Katalog zdrojů Weblog

Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 13. února 2005.