Current Live Weather and Time overlay 2022-10-02

[.norman.]

ngholson submitted a new resource:

Weather and Time overlay - current weather and time overlay

obs_weather_time_overlay​

Weather and Time overlay widget for OBS

This requires a free account with OpenWeatherMap.org https://home.openweathermap.org/users/sign_up

Once you have your openweathermap account and free API key you will need to make the following changes in the weatherWidget.html file. NOTE: IT WILL TAKE 5-10 MINUTES FOR YOUR NEW API KEY TO WORK. PLEASE BE PATIENT.

open the weatherWidget.html file with any text editor:
change the...

Read more about this resource...

 

[.norman.]

For a complete list of options please see the github page https://github.com/ngholson/obs_weather_time_overlay/blob/main/README.md

 

[.norman.]

Screenshot of the full weather display

 

[.norman.]

updated issue with display container width, it will now automatically adjust based on contents.

 

[.norman.]

make sure you sign up for the free api key under the "professional collections" section and not the "One Call by Call" subscription plan.

 

[.norman.]

Features:

• choose from 3 different weather icon packs or make your own.
• automatically checks for updates
• live current time display
• updates every minute
• lots of configurable options

 

[JAM83]

I can't get this to work at all. All it's showing is a tiny white square. I entered my API key and all that as well. Nothing is showing up.

 

[JAM83]

I can't get this to work at all. All it's showing is a tiny white square. I entered my API key and all that as well. Nothing is showing up.

I got it to work finally. I had to upload it to a hosting server. It wouldn't work locally.

 

[gajit]

My weather overlay keeps saying clear skies and a sun icon when clearly is it overcast and cloudy. Is the status supposed to change automatically? The time and temp update automatically but the icons do not.

 

[.norman.]

Yes it should, you may want to verify your api key and location settings. There may also be a reporting delay during summer showers that pop up quickly. I have no control over what the api is reporting.

 

[weatherray]

I got it to work finally. I had to upload it to a hosting server. It wouldn't work locally.

How did you get it to work? I currently have that issue, and even using a hosting server website, all I see is a long black box

 

[weatherray]

I am having issues where I can see the box and it seems to be changing dynamically for the weather but is showing no text whatsoever

 

[JAM83]

How did you get it to work? I currently have that issue, and even using a hosting server website, all I see is a long black box View attachment 96971

You might wanna try and make sure your hosting provider allows APIs