Page 1 of 1

Overlay a webcam shot with weather data from meteohub

Posted: Mon Aug 10, 2009 7:52 pm
by wfpost
There are some websites in the US offering free PHP scripts allowing to load weather data from a WDLIVE clientrawdata-file and overlay that data with an existing webcam shot.

I was always looking for doing this without PHP, because I do not host my stuff on a websever offering such services.

I´ve now done it with a different approach. Simple HTML! Thanks to meteohub that is a rather easy thing to achieve!

My webcam site:
honsolgen.de


You see the most important and actual weather data is on top of the webcam photo.

How to do this?

Create a html-table with the size of your webcam shot and feed the table with meteohub variables.
Next: Use the table background attribute to load the webcam photo.

Code: Select all

<table width="640" height="480" cellspacing="2" cellpadding="2" border="0"
background="http://icons.wunderground.com/webcamramdisk/h/o/honsolgen/1/current.jpg">
Now you can upload this as often as you want with meteohubs upload feature.
In my case: Every 5 minutes.
Webcam shot every 15 minutes to wunderground.

Meteohub´s a very fine gadget!

Re:Overlay a webcam shot with weather data from meteohub

Posted: Fri Aug 14, 2009 7:15 am
by Nitro70
But it don´t works with any Browsers.

For Example: Firefox etc.

Re:Overlay a webcam shot with weather data from meteohub

Posted: Fri Aug 14, 2009 9:45 am
by wfpost
here´s a screenshot with FF 3.5.2
working

[img=http://img18.imagevenue.com/loc483/th_3 ... _483lo.jpg]

It also works with IE8- but as usual there´s a problem with IFRAME and MS
http://www.myway.de/honsolgen/webcam.html

What does your FF display?

Re:Overlay a webcam shot with weather data from meteohub

Posted: Fri Aug 14, 2009 10:51 am
by Nitro70
Go to browsershots.org and test any versions of FF, and you will see it doesn´t works with any ...

Re:Overlay a webcam shot with weather data from meteohub

Posted: Fri Aug 14, 2009 11:22 am
by skyewright
Nitro70 wrote:Go to browsershots.org and test any versions of FF, and you will see it doesn´t works with any ...
It works fine here in 'real' FF 3.0.13.

Re:Overlay a webcam shot with weather data from meteohub

Posted: Fri Aug 14, 2009 7:40 pm
by wfpost
yep, most of the browsers do show the content correctly, even it is double framed
Frame redirect
Iframe to get the WDL applet working.

http://browsershots.org/http://honsolgen.de/

In principle overlaying with meteohubs data works fine, here´s the pure html-page, uploaded every 5 minutes:
http://www.myway.de/honsolgen/webcam.html
It should display webcam & weatherdata with any browser, even mobile clones.

Re:Overlay a webcam shot with weather data from meteohub

Posted: Fri Aug 21, 2009 7:58 pm
by wfpost
it should now work in both IE and Firefox.
IE has a colspan bug, so this html tag isn´t correctly shown in IE

instead of a table DIV can be used also