Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Clear out junk files and repair common Windows errorsFree Scan →Use OBS’s Browser Source to place a clock-and-weather panel over a nature scene. Add a hosted overlay by URL or load a local HTML page, set its viewport to the overlay’s intended size, then position it above the footage in the Sources list. A local page can keep the clock itself on the streaming computer, but weather data still needs an internet connection and may depend on an API provider.
Choose an overlay approach
OBS Project describes Browser Source as “one of the most versatile sources available in OBS.” It can display a webpage from a URL or a local file, making it a flexible way to add a changing clock and weather panel. The best choice depends on how much you want to maintain and which external services you are willing to rely on.
| Approach | Useful when | Main dependency | Trade-off |
|---|---|---|---|
| Local HTML clock in Browser Source | You need only a clock and want a simple local page. | The local file and the computer’s clock. | Fewer external dependencies, but you must choose or maintain the HTML page. |
| Local HTML weather widget in Browser Source | You want a configurable weather-and-time panel. | The local file, internet connection, API key, and provider. | Flexible, but weather relies on an external data service and its current terms. |
| Weather overlay plugin | You prefer a packaged plugin and theme approach. | Plugin compatibility and its data source. | Convenient if suitable, but check maintenance, compatibility, and permissions. |
| Hosted overlay URL | You want to avoid maintaining local HTML. | The overlay host and an internet connection. | Easy to add as a URL, but it depends on the host remaining available. |
Community examples illustrate these options rather than serving as official OBS endorsements. A clock-only local HTML page is described in an OBS forum resource. A community weather-and-time widget uses an OpenWeatherMap API key, city, and units, with options for time-only, temperature-only, or combined display (example repository). Another sample uses WeatherAPI and says it refreshes every 10 minutes (example repository). Those examples do not establish current API pricing, quotas, or terms; check the provider’s current conditions before relying on an API for a continuous stream.
A separate OBS forum listing describes a third-party weather plugin that fetches OpenWeather data, supports custom HTML/CSS/JS themes, and renders through Browser Source. Confirm its compatibility with your OBS version and review its maintenance activity and permissions before relying on it in a 24/7 broadcast.
Recommended Free Tools
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
Add the overlay in OBS
- Select the scene: In OBS, choose the scene containing your nature footage.
- Add a Browser Source: In the Sources dock, select +, then Browser. OBS documents Browser Source as able to load either a webpage URL or a local file; see the Browser Source guide.
- Choose the page: Paste the hosted overlay URL, or enable the local-file option and select the HTML file. A local file keeps the page itself on the streaming computer. If it calls a weather API, the weather request still requires network access and the external service.
- Set the viewport: Enter the width and height that match the overlay’s designed canvas or intended bounding area. OBS’s Browser Source default viewport is 800 by 600, so check the dimensions rather than assuming they match your video canvas. Crop or resize only as needed for the design.
- Place it above the footage: Drag the Browser Source into position in the preview. In the Sources list, put it above the nature video; sources higher in the list appear on top of lower sources, as explained in OBS’s Sources Guide.
- Check the details: Preview the scene and verify the clock’s time zone and 12- or 24-hour format, plus the weather location and units. These choices depend on the overlay; the cited community widget, for example, exposes location, units, and clock-format settings.
For a calm documentary-style scene, keep the panel compact and readable: use strong contrast, restrained opacity or a small background plate, and enough padding from the frame edge. These are design recommendations, not an official OBS preset.
Make the overlay suitable for a continuous stream
A 24/7 broadcast needs more than a panel that looks correct in a brief preview. Check the page’s behavior after a lost network connection and an OBS restart, and confirm whether the clock or weather resumes on its own. No long-duration reliability test of the community examples described here is established.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
- Keep the source available: OBS Browser Source includes a “Shutdown source when not visible” option that unloads the page while hidden. Leave the source visible if the overlay must remain active. Browser Source also has controls to refresh its cache and to refresh when a scene becomes active; see the OBS Browser Source guide.
- Account for external dependencies: A hosted page depends on its host and your internet connection. A local HTML page avoids that host dependency for the page itself, but an API-based weather widget still needs the network and its data provider.
- Plan a fallback: If weather data stops loading, consider a clock-only display or a static location label so a broken data request does not leave an empty or confusing panel.
- Recheck provider terms: API quotas and terms can change. Verify the current provider requirements before leaving a weather integration running continuously.
Troubleshoot common overlay problems
- The overlay is blank or clipped: Check that the URL or local file path is correct, then compare the Browser Source width and height with the page’s intended canvas.
- The overlay is behind the footage: Move its Browser Source above the video source in the Sources list.
- The clock or weather disappears after a scene change: Check whether “Shutdown source when not visible” is enabled and review the source’s refresh settings.
- The weather is missing while the clock still works: The page may load locally while its weather request fails. Check internet access, the configured API key, location, units, and the provider’s current service requirements.
- The time or temperature looks wrong: Confirm the overlay’s time zone, 12/24-hour choice, location, and unit settings.
- A plugin stops working after an OBS update: Verify its current OBS compatibility and maintenance status rather than assuming a third-party plugin will continue to work.
Or let it run in the cloud
OBS is the do-it-yourself route for building and maintaining the overlay, and it requires a streaming computer to run the scene. For a YouTube channel that should keep looping uploaded nature footage when your computer is off, StreamNeo runs the video stream from the cloud. Upload the recording or build a playlist, add your YouTube stream key, and go live.
- Nothing has to stay on at home for the stream to continue.
- Your upload streams as made, up to 4K 60fps, at one price per slot rather than quality tiers.
- StreamNeo automatically recovers if YouTube drops the stream.
- The first day is free with no card; it is one free day per account.
- The monthly option is $9.99 per month.
StreamNeo keeps uploaded video live on YouTube; it does not stream from a camera. If you want to try that cloud setup, start with the free day.
Quick Recap
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
