Page 1 of 1

Webcam Page code.

Posted: Tue 15 Nov 2016 8:18 am
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.

Re: Webcam Page code.

Posted: Wed 16 Nov 2016 1:50 am
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

Re: Webcam Page code.

Posted: Thu 17 Nov 2016 11:08 pm
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.

Re: Webcam Page code.

Posted: Fri 18 Nov 2016 9:29 am
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,

Re: Webcam Page code.

Posted: Fri 18 Nov 2016 10:34 pm
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

Re: Webcam Page code.

Posted: Fri 18 Nov 2016 11:17 pm
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.