Please read the posts in the Announcements section about the current status of Cumulus development now that I have retired

Please read this post before posting

Latest Cumulus release v1.9.4 (build 1099) - Nov 28 2014
Latest Cumulus MX release - v3.0.0 build 3043 Jan 20 2017. See this post for download

Webcam Overlay Script

Hardware/software/hints and tips/discussion/webcam links etc
User avatar
Mapantz
Posts: 446
Joined: Sat Dec 17, 2011 11:55 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 10 x64 - A beast.
Location: Wareham, Dorset - UK
Contact:

Webcam Overlay Script

Postby Mapantz » Fri Aug 26, 2016 7:55 pm

Hello

Quite a few years ago, my friend came up with his interpretation of overlaying my weather on my webcam script, it used to work very well, but as browsers and cameras have come a long way since, it is getting tired and a bit laggy for liking.

Old page: http://www.warehamwx.co.uk/cumulus/webcam.htm

I decided to just make a simple page, showing my camera, and updating (with no lag) every second. It is much more efficient, and I made it so that I could resize the 640 x 480 image, to a slightly bigger size. I'm really happy that there's no delays, or lag when trying to go through the menus, etc.

New page: http://www.warehamwx.co.uk/cumulus/refresh.htm

However, I now miss my simple weather overlay, but I don't know how to incorporate it with the simple webcam page. I have seen on here, that there is some kind of overlay script, but it looks like it uses data/info from Weather Display.
I was wondering if anybody knew a simple way that I could get my weather info back, or whether the overlay I use on the old camera could be made use of on the new one?

Overlay: http://www.warehamwx.co.uk/cumulus/webcam/cur/test.php
Pasted: http://paste.ofcode.org/ZT3BMxKqPGHs8DgfVJgUbT

If anybody could help, i'd be very grateful! :)

Best regards.
Last edited by Mapantz on Fri Aug 26, 2016 9:45 pm, edited 1 time in total.
Image
Image

User avatar
mcrossley
Posts: 4979
Joined: Thu Jan 07, 2010 9:44 pm
Weather Station: Davis VP2
Operating System: Jessie Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: Webcam Overlay Script

Postby mcrossley » Fri Aug 26, 2016 8:22 pm

Something like...?

Code: Select all

<div style="text-align:center;position: relative;">
    <img src="http://warehamwx.ddns.net/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&amp;usr=visitor&amp;pwd=visitor1234&amp;t=1472242835126" width="850" onload="setTimeout(function() {src = src.substring(0, (src.lastIndexOf(&quot;t=&quot;)+2))+(new Date()).getTime()}, 1000)" onerror="setTimeout(function() {src = src.substring(0, (src.lastIndexOf(&quot;t=&quot;)+2))+(new Date()).getTime()}, 5000)" alt="">
    <img src="http://www.warehamwx.co.uk/cumulus/webcam/cur/test.php" alt="" style="position: absolute;left: 18px;top: 77px;">
</div>


Then you need to refresh it in a script.

User avatar
Mapantz
Posts: 446
Joined: Sat Dec 17, 2011 11:55 am
Weather Station: Davis Vantage Pro2
Operating System: Windows 10 x64 - A beast.
Location: Wareham, Dorset - UK
Contact:

Re: Webcam Overlay Script

Postby Mapantz » Fri Aug 26, 2016 9:43 pm

mcrossley wrote:Something like...?

Code: Select all

<div style="text-align:center;position: relative;">
    <img src="http://warehamwx.ddns.net/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&amp;usr=visitor&amp;pwd=visitor1234&amp;t=1472242835126" width="850" onload="setTimeout(function() {src = src.substring(0, (src.lastIndexOf(&quot;t=&quot;)+2))+(new Date()).getTime()}, 1000)" onerror="setTimeout(function() {src = src.substring(0, (src.lastIndexOf(&quot;t=&quot;)+2))+(new Date()).getTime()}, 5000)" alt="">
    <img src="http://www.warehamwx.co.uk/cumulus/webcam/cur/test.php" alt="" style="position: absolute;left: 18px;top: 77px;">
</div>


Then you need to refresh it in a script.


Nailed it! Thank you so much Mark, that is great.
I've added a reload function for the overlay, so that is updating too. Perfect! :)
Image
Image


Return to “Webcams”

Who is online

Users browsing this forum: No registered users and 2 guests