Welcome to the Cumulus Support forum.

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Cumulus MX V4 beta test release 4.0.0 (build 4017) - 17 March 2024

Legacy Cumulus 1 release v1.9.4 (build 1099) - 28 November 2014 (a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

Webcam Page code.

Hardware/software/hints and tips/discussion/webcam links etc
Post Reply
Phil23
Posts: 884
Joined: Sat 16 Jul 2016 11:59 pm
Weather Station: Davis VP2+ & GW1000 (Standalone)
Operating System: Win10 Pro / rPi Buster
Location: Australia

Webcam Page code.

Post by Phil23 »

Just wondering is someone can help me out with some code for my webcams.

I currently have this http://weather.inverellit.com/webcams.htm which only displays a single camera.

I've got 2 cameras active now, the second is Wcam2.jpg.

The source I'm using is pretty basic, I'm not really up on html.

Would like the 2 images side by side, with them expanding to full screen when clicked.

Tried a couple of things with no success.

Thanks

Phil.
:Now: :Today/Yesterday:

Image

Main Station Davis VP2+ Running Via Win10 Pro.
Secondary Stations, Ecowitt HP2551/GW1000 Via rPi 3 & 4 Running Buster GUI.
:Local Inverell Ecowitt Station: :Remote Ashford Ecowitt Station:
User avatar
BeaumarisWX
Posts: 357
Joined: Mon 09 Apr 2012 2:38 pm
Weather Station: Davis VP2 Plus - 24hr FARS
Operating System: Windows 10 Pro Hades Canyon
Location: Beaumaris, Tasmania, AU
Contact:

Re: Webcam Page code.

Post by BeaumarisWX »

Hi Phil,
Something like this maybe, you'll need to edit it to show the "Webcam 1 (faces xxxx direction)" to whatever you want.
pwebcm.PNG
Update: New file attached (little change from first post with a couple of options).
webcams.zip
You do not have the required permissions to view the files attached to this post.
Tony Beaumaris, Tasmania (AUS)

CMX Mobile : https://beaumaris-weather.com/BWX/
CMX Default: https://beaumaris-weather.com/cumulusmx_default/
Colour Dashboard : https://beaumaris-weather.com/dashborad_color.php
Click below for Saratoga Template :
Image
Phil23
Posts: 884
Joined: Sat 16 Jul 2016 11:59 pm
Weather Station: Davis VP2+ & GW1000 (Standalone)
Operating System: Win10 Pro / rPi Buster
Location: Australia

Re: Webcam Page code.

Post by Phil23 »

Thanks Tony,

I really like that it follows the original Cumulus layout.

Great piece of code for all us Webpage dummies that aren't up on doing this sort of thing.
I could see it appealing to other users who also don't have the skills to generate this.

Wondering what's involved in making it configurable easily for Dummies, with options of 1 to 4 cameras.

I think I'll be happy sticking with just the 2.

Lol,

(That could change if some OCD sets in & I feel the compulsion for North, South East West).
(Like it did with the VP2 & is empty sockets for Solar & UV sensors).

Cheers

Phil.
:Now: :Today/Yesterday:

Image

Main Station Davis VP2+ Running Via Win10 Pro.
Secondary Stations, Ecowitt HP2551/GW1000 Via rPi 3 & 4 Running Buster GUI.
:Local Inverell Ecowitt Station: :Remote Ashford Ecowitt Station:
User avatar
BeaumarisWX
Posts: 357
Joined: Mon 09 Apr 2012 2:38 pm
Weather Station: Davis VP2 Plus - 24hr FARS
Operating System: Windows 10 Pro Hades Canyon
Location: Beaumaris, Tasmania, AU
Contact:

Re: Webcam Page code.

Post by BeaumarisWX »

Hi Phil,
Glad you have achieved your required outcome, your welcome.

1: Code (I just adapted what you had on your site) - not my code.
2: There are numerous ways to achieve the same, as others on this forum will no doubt in time provide (java/php/etc).
3: To achieve a variable based user template with a (html) based template is not that easy. As mentioned above others may provide java options/etc.
4: I have noticed at times your images fail to load, in order to better code your page it would be beneficial to other potential readers/helpers to understand how you upload/process your webcam image to your server. As I feel the timelines is an issue and could be better functioned from a script point of view if that information where provided.
5: I have attached a basic file for 4 cameras, some code commented out and not relevant to your specific site, in an attempt for you to try and understand the logic behind the coding.
webcams4temp.zip
pwebcm2.PNG
I am sorry but I do not have any more time to allocate to you request, I only intended initially to give you a quick example of what you could do regards your original query.

Have fun, Kind regards,
You do not have the required permissions to view the files attached to this post.
Tony Beaumaris, Tasmania (AUS)

CMX Mobile : https://beaumaris-weather.com/BWX/
CMX Default: https://beaumaris-weather.com/cumulusmx_default/
Colour Dashboard : https://beaumaris-weather.com/dashborad_color.php
Click below for Saratoga Template :
Image
Phil23
Posts: 884
Joined: Sat 16 Jul 2016 11:59 pm
Weather Station: Davis VP2+ & GW1000 (Standalone)
Operating System: Win10 Pro / rPi Buster
Location: Australia

Re: Webcam Page code.

Post by Phil23 »

HRVistaWeather wrote:I have noticed at times your images fail to load, in order to better code your page it would be beneficial to other potential readers/helpers to understand how you upload/process your webcam image to your server. As I feel the timelines is an issue and could be better functioned from a script point of view if that information where provided.
Hi,

Very new to this, but have worked years in IT.

My images are being upload from my laptop with https://www.ispyconnect.com/.

They are around 100k, so the upload bandwidth of my ADSL (About 1Mbit up MAX) could be an issue.

I've got iSpy uploading once a minute which is probably excessive, so should possibly revisit that.

I've got another dedicated laptop running Cumulus, & it's hardwired rather than Wifi, and will in the future run iSpy.
It's just I am doing all my experimenting on my regular laptop.

Not sure is iSpy is my best option, but searching threads is difficult as lots contain out of date options.
Tried many other packages but the cameras couldn't be connected to.

My cameras are using RTSP as they don't have a static jpeg URL.

Hope that helps & open to suggestions.

Phil
:Now: :Today/Yesterday:

Image

Main Station Davis VP2+ Running Via Win10 Pro.
Secondary Stations, Ecowitt HP2551/GW1000 Via rPi 3 & 4 Running Buster GUI.
:Local Inverell Ecowitt Station: :Remote Ashford Ecowitt Station:
Phil23
Posts: 884
Joined: Sat 16 Jul 2016 11:59 pm
Weather Station: Davis VP2+ & GW1000 (Standalone)
Operating System: Win10 Pro / rPi Buster
Location: Australia

Re: Webcam Page code.

Post by Phil23 »

HRVistaWeather wrote:I am sorry but I do not have any more time to allocate to you request, I only intended initially to give you a quick example of what you could do regards your original query.
Completely understand & again, greatly appreciated.

Hopefully other with also benefit from these examples.

Maybe @Steve can check it out & consider it's inclusion in future builds as an option for others with limited Web design skills & wanting a basic camera page.

Also a thanks to Jáchym on wxforum, for his initial input.

Cheers

Phil.
:Now: :Today/Yesterday:

Image

Main Station Davis VP2+ Running Via Win10 Pro.
Secondary Stations, Ecowitt HP2551/GW1000 Via rPi 3 & 4 Running Buster GUI.
:Local Inverell Ecowitt Station: :Remote Ashford Ecowitt Station:
Post Reply