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 4019) - 03 April 2024
Legacy Cumulus 1 release 1.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
Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024
Cumulus MX V4 beta test release 4.0.0 (build 4019) - 03 April 2024
Legacy Cumulus 1 release 1.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
Weather34 Webcam Problem
Moderator: daj
-
- Posts: 92
- Joined: Tue 16 Jun 2015 2:07 pm
- Weather Station: Davis VP2
- Operating System: Raspian, Win7 Pro
- Location: Boulder, CO
- Contact:
Weather34 Webcam Problem
I've installed the Weather34.com templates as an addition (under "Console") to the Saratoga Templates on my website at: www.boulderwx.com. The setup was remarkably easy IMHO. The only problem I am having is with the webcam display. As I recall the php file for the webcam was preconfigured for WU which is at best flaky. WU has be completely unreliable as regards accepting uploads of image files and I've just given up on them. The line of code for the WU webcam path was fairly complex for a php novice like me, but I took a stab at editing out the WU stuff and simply tried pointing it at the root directory of my site where lay the uploaded image.jpg file. I've tried various path specifications including external paths to the file without success. My guess is I've messed a line of php code in the webcamsmall.php file. Any suggestions for a non-WU path spec?
Best Regards,
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
- ConligWX
- Posts: 1630
- Joined: Mon 19 May 2014 10:45 pm
- Weather Station: Davis vPro2+ w/DFARS + AirLink
- Operating System: Ubuntu 22.04 LTS
- Location: Bangor, NI
- Contact:
Re: Weather34 Webcam Problem
Firstly you maybe able to grab an image from your webcam.
this is what I do.
I run a script each minute to grab an image. (dependant on Make/Model etc) using wget command. i then add some Weather Data (processed template from CumulusMX) and assign it a value. along with another value (date time etc)
I then use Imagik's "convert" to create layers, use a font, and write some code(values) to the layers. the layers are just top and bottom of my screen.
I then copy the image and convert it below 150kb for WU. I then ftp it to WU.
if you can grab the snapshot image from your camera, rather than WU you will be able to do it this way too.
minute.sh
it then ends up like this: https://www.conligwx.org/wxwebcam.php
to test this script you would need to change paths/usernames etc abd run each line individually so to see the output works.
what webcam do you have?
PLEASE NOTE THIS SCRIPT IS UNSUPPORTED
this is what I do.
I run a script each minute to grab an image. (dependant on Make/Model etc) using wget command. i then add some Weather Data (processed template from CumulusMX) and assign it a value. along with another value (date time etc)
I then use Imagik's "convert" to create layers, use a font, and write some code(values) to the layers. the layers are just top and bottom of my screen.
I then copy the image and convert it below 150kb for WU. I then ftp it to WU.
if you can grab the snapshot image from your camera, rather than WU you will be able to do it this way too.
minute.sh
Code: Select all
#!/bin/sh
#
#set variable yday to be like 20100208
#
#tday=$(date -d today +%Y%m%d%H%M%S);
#stamp=$(date '+DATE: %d/%m/%y%nTIME:%H:%M:%S');
tday=$(date +%Y%m%d%H%M%S);
#stamp=$(date +%Y%m%d);
#
# get weather image
wget --auth-no-challenge --http-user=username --http-password=password "http://x.x.x.x/cgi/jpg/image.cgi" -O "/share/xxx/htdocs/weather/sky1.jpg";
# next 2 lines add weather info
testdata="$(/bin/cat /share/xxxxxx/htdocs/weather/camdata.txt)";
testdata1=`date +"%A %d-%b-%Y %R %Z"`;
convert -fill RoyalBlue4 -draw "fill-opacity 0.4 rectangle 0 0 1280 25" \
-fill red -draw "fill-opacity 0.6 rectangle 0 26 1280 27" \
-fill RoyalBlue4 -draw "fill-opacity 0.7 rectangle 0 695 1280 720" \
-fill red -draw "fill-opacity 0.6 rectangle 0 693 1280 694" \
-fill white -pointsize 18 -font /share/xxxxxx/db_backup/script/arialbold.ttf -draw "text 10,20 'Conlig Weather Station: $testdata1 - ICODOWNN2 - www.conligwx.org'" \
-fill yellow -pointsize 18 -draw "text 10,715 '$testdata'" /share/xxxxxx/htdocs/weather/sky1.jpg /share/xxxxxx/htdocs/weather/sky.jpg
# add timestamp to filename for timelapse
#cp /share/xxxxxx/htdocs/weather/sky.jpg /share/xxxxxx/htdocs/weather/image-history/video@"$tday".jpg;
#cp -f /share/xxxxxx/htdocs/weather/sky.jpg /share/xxxxxx/htdocs/weather/image1.jpg
# convert image.jpg to 150kb for WUnderground
convert /share/xxxxxx/htdocs/weather/sky.jpg -define jpeg:extent=150kb /share/xxxxxx/htdocs/weather/image.jpg
# ftp webcam to wunderground
# lftp -e 'put /share/xxxxxx/htdocs/weather/image.jpg; bye' -u username,password webcam.wunderground.com
lftp -e 'put /share/xxxxxx/htdocs/weather/image.jpg; bye' -u username,password webcam.wunderground.com
to test this script you would need to change paths/usernames etc abd run each line individually so to see the output works.
what webcam do you have?
PLEASE NOTE THIS SCRIPT IS UNSUPPORTED
Last edited by ConligWX on Sun 04 Oct 2020 9:02 am, edited 1 time in total.
Regards Simon
https://www.conligwx.org - @conligwx
Davis Vantage Pro2 Plus with Daytime FARS • WeatherLink Live • Davis AirLink • PurpleAir • CumulusMX v4.0.0
https://www.conligwx.org - @conligwx
Davis Vantage Pro2 Plus with Daytime FARS • WeatherLink Live • Davis AirLink • PurpleAir • CumulusMX v4.0.0
-
- Posts: 92
- Joined: Tue 16 Jun 2015 2:07 pm
- Weather Station: Davis VP2
- Operating System: Raspian, Win7 Pro
- Location: Boulder, CO
- Contact:
Re: Weather34 Webcam Problem
Thanks for the suggestions. I do essentially the same thing with a Python script (adding text etc.,) and upload to my site. I used to do this for WU until it became so unreliable. It seems I have gotten the "only 50 users allowed" when connecting via FTP and then it interferes with communication with my own site, so I've just written off WU. I might just remove the weather station from WU altogether. As it is I have the image.jpg sitting right next to the CU-X7X7 files so it seems that WU is the weak link in the chain and walking all around the barn to come back in the front door unnecessary. (Sorry for too many metaphors). The code for webcamsmall.php is this:
I have altered the img src to this:
So to my eye it looks as if I've just altered the img src line of code. I think I will give editing the file another go, I probably have a missing backslash somewhere..
Code: Select all
<style>
.webcam{
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;border-radius:4px;border:solid RGBA(84, 85, 86, 1.00) 2px; width:275px; height:145px;}
</style>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE WEBCAM -add your url as shown below do NOT delete the class='webcam' !!! -->
<img src="https://icons.wunderground.com/webcamramdisk/d/j/djchids/1/current.jpg?version=<?php echo filemtime("https://icons.wunderground.com/webcamramdisk/d/j/djchids/1/current.jpg");?>" alt="weathercam" class="webcam">
</span>
Code: Select all
<style>
.webcam{
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;border-radius:4px;border:solid RGBA(84, 85, 86, 1.00) 2px; width:275px; height:145px;}
</style>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE WEBCAM -add your url as shown below do NOT delete the class='webcam' !!! -->
<img src = "image.jpg">
</span>
<alt="weathercam" class="webcam">
Best Regards,
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
- steve
- Cumulus Author
- Posts: 26701
- Joined: Mon 02 Jun 2008 6:49 pm
- Weather Station: None
- Operating System: None
- Location: Vienne, France
- Contact:
Re: Weather34 Webcam Problem
Your
Should be
Note that I am simply correcting your syntax, I have no idea whether it will do what you intend!
Code: Select all
<img src = "image.jpg">
</span>
<alt="weathercam" class="webcam">
Code: Select all
<img src = "image.jpg" alt="weathercam" class="webcam">
</span>
Steve
-
- Posts: 92
- Joined: Tue 16 Jun 2015 2:07 pm
- Weather Station: Davis VP2
- Operating System: Raspian, Win7 Pro
- Location: Boulder, CO
- Contact:
Re: Weather34 Webcam Problem
Yes, was missing a slash at the end..There are two files (at least so far) one is webcamsmall.php, the other cam.php Here is the working code for each with the image.jpg in root... first cam.php for a centered 4:3 image.jpg:
Then for webcamsmall.php:
Code: Select all
<style>
.webcamlarge{
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;border-radius:4px;border:solid RGBA(84, 85, 86, 1.00) 2px; width:775px; height:420px;}
</style>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE Large WEBCAM -add your url as shown below do NOT delete the class='webcamlarge' !!! -->
<p style="text-align:center;"><img src = "/image.jpg" width="560" height="420" /> </p>
<alt="webcam" class="webcamlarge" >
</span>
Code: Select all
<style>
.webcam{
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;border-radius:4px;border:solid RGBA(84, 85, 86, 1.00) 2px; width:275px; height:145px;}
</style>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE WEBCAM -add your url as shown below do NOT delete the class='webcam' !!! -->
<img src = "/image.jpg" width="200" height="150" />
<alt="weathercam" class="webcam">
Best Regards,
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
-
- Posts: 51
- Joined: Wed 13 Apr 2016 11:09 am
- Weather Station: Davis Vantage Pro2 Plus
- Operating System: OSX High Sierra
- Contact:
Re: Weather34 Webcam Problem
almost there you need to keep the alt="weathercam" class="webcam" within the img src script
<style>
.webcam{
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;border-radius:4px;border:solid RGBA(84, 85, 86, 1.00) 2px; width:275px; height:145px;}
</style>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE WEBCAM -add your url as shown below do NOT delete the class='webcam' !!! -->
<img src = "/image.jpg" width="200" height="150" />
<alt="weathercam" class="webcam">
to
<style>
.webcam{
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;border-radius:4px;border:solid RGBA(84, 85, 86, 1.00) 2px; width:275px; height:145px;}
</style>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE WEBCAM -add your url as shown below do NOT delete the class='webcam' !!! -->
<img src = "/image.jpg" alt="weathercam" class="webcam"/>
<style>
.webcam{
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;border-radius:4px;border:solid RGBA(84, 85, 86, 1.00) 2px; width:275px; height:145px;}
</style>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE WEBCAM -add your url as shown below do NOT delete the class='webcam' !!! -->
<img src = "/image.jpg" width="200" height="150" />
<alt="weathercam" class="webcam">
to
<style>
.webcam{
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;border-radius:4px;border:solid RGBA(84, 85, 86, 1.00) 2px; width:275px; height:145px;}
</style>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE WEBCAM -add your url as shown below do NOT delete the class='webcam' !!! -->
<img src = "/image.jpg" alt="weathercam" class="webcam"/>
-
- Posts: 92
- Joined: Tue 16 Jun 2015 2:07 pm
- Weather Station: Davis VP2
- Operating System: Raspian, Win7 Pro
- Location: Boulder, CO
- Contact:
Re: Weather34 Webcam Problem
Thank You! Not sure why but it seems to be working with the error, but I shall make it right.
Best Regards,
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
-
- Posts: 92
- Joined: Tue 16 Jun 2015 2:07 pm
- Weather Station: Davis VP2
- Operating System: Raspian, Win7 Pro
- Location: Boulder, CO
- Contact:
Re: Weather34 Webcam Problem
I corrected the webcamsmall.php & cam.php code to add the alt="weathercam" class="webcam" within the src script boundary. This appears to "force" the image into a 16:9 format instead of its native 4:3 format, thereby stretching the image horizontally. Whereas, if I leave out alt="weathercam" class="webcam", the image adopts its 4:3 format. I assume the code I've left out defines the image format.
To demonstrate I've left out the alt="weathercam" class="webcam" in one website, boulderwx.com>Station Console but put it in at apcat.org
To demonstrate I've left out the alt="weathercam" class="webcam" in one website, boulderwx.com>Station Console but put it in at apcat.org
Best Regards,
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
- ConligWX
- Posts: 1630
- Joined: Mon 19 May 2014 10:45 pm
- Weather Station: Davis vPro2+ w/DFARS + AirLink
- Operating System: Ubuntu 22.04 LTS
- Location: Bangor, NI
- Contact:
Re: Weather34 Webcam Problem
acatalano wrote:I corrected the webcamsmall.php & cam.php code to add the alt="weathercam" class="webcam" within the src script boundary. This appears to "force" the image into a 16:9 format instead of its native 4:3 format, thereby stretching the image horizontally. Whereas, if I leave out alt="weathercam" class="webcam", the image adopts its 4:3 format. I assume the code I've left out defines the image format.
To demonstrate I've left out the alt="weathercam" class="webcam" in one website, boulderwx.com>Station Console but put it in at apcat.org
the default is:
Code: Select all
<style>
.webcam{
-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;border-radius:4px;border:solid RGBA(84, 85, 86, 1.00) 2px; width:275px; height:145px;}
</style>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE WEBCAM -add your url as shown below do NOT delete the class='webcam' !!! -->
<img src="https://icons.wunderground.com/webcamramdisk/d/j/djchids/1/current.jpg?version=<?php echo filemtime("https://icons.wunderground.com/webcamramdisk/d/j/djchids/1/current.jpg");?>" alt="weathercam" class="webcam">
</span>
<!-- HOMEWEATHER STATION TEMPLATE SIMPLE WEBCAM -add your url as shown below do NOT delete the class='webcam' !!! -->
it is there to keep the ratio the same for the window and the image contained inside of it. thats all.
your http://www.apcat.org/cam.php will also have to be changed if you dont want to force 16:9 and use you own 4:3 format.
Brian has said before, you may need to tweak the code to fit your needs. I have to change some things myself to get links to point where i want.
Regards Simon
https://www.conligwx.org - @conligwx
Davis Vantage Pro2 Plus with Daytime FARS • WeatherLink Live • Davis AirLink • PurpleAir • CumulusMX v4.0.0
https://www.conligwx.org - @conligwx
Davis Vantage Pro2 Plus with Daytime FARS • WeatherLink Live • Davis AirLink • PurpleAir • CumulusMX v4.0.0
-
- Posts: 92
- Joined: Tue 16 Jun 2015 2:07 pm
- Weather Station: Davis VP2
- Operating System: Raspian, Win7 Pro
- Location: Boulder, CO
- Contact:
Re: Weather34 Webcam Problem
Thanks very much for the explanation. I have a much better understanding now of how the code influences behaviour. It took some experimentation with the image dimensions to get it to fit.
Best Regards,
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965
Anthony Catalano
Boulder, Colorado, USA
Webcam & Weather at:
http://www.boulderwx.com, http://www.apcat.org, http://www.boulderweather.org
Blitzortung Lightning Detector Station 1965