Overlay a webcam shot with weather data from meteohub

[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!

[Nitro70]

But it don´t works with any Browsers.

For Example: Firefox etc.

[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?

[Nitro70]

Go to browsershots.org and test any versions of FF, and you will see it doesn´t works with any ...

[skyewright]

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.

[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.

[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