Odd video behavior with an iFrame

Help
1

I am using the embedded browser (alpha release) and just a simple iFrame on a webpage. I will attach the iFrame at the end. It is a simple weather embed that has a looped animation. There are two parts to the animation 1) wind current (which shows perfectly) and 2) storm clouds (typical radar style but fails to load every time).

From what I can tell when playing around with the website windy.com the top right icon will display what you are currently viewing. So when I create the iFrame with “radar” and open the webpage it displays the radar and confirms the radar screen by the top right.

Here is what I have discovered so far, that when this webpage is loaded onto a Pi5 with this software, it displays (what I am guessing is the default) “wind” pattern instead of the radar. My suspicion is the load time is not set long enough to switch to the radar function? No clue why it displays a whole new iFrame when using info-beamer versus when displaying it without the software.

The embed to try for yourself: <iframe width="100%" height="750" src="https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=in&metricTemp=°F&metricWind=mph&zoom=6&overlay=radar&product=radar&level=surface&lat=42.277&lon=-45.408&detailLat=73.85&detailLon=-85.144&detail=true" frameborder="0"></iframe>

I have tried power cycling and recreating setups in case it was a cache issue (I did initially want the standard “wind” template and ran it just fine).

2

That’s not it. There’s no load time with that browser plugin. In continuously runs in the background and you always see the latest output the browser is producing. Maybe the reason is that the browser currently(?) doesn’t support WebGL. In the log I see this slightly truncated messages:

"radar WebGL context creation error: Could not create a WebGL context, VENDOR = 0xffff, DEVICE = 0xfff
"radar Crashed browser undefined", source: https://embed.windy.com/v/41.1.0.emb.1db5/embed2.js (1)
"TileRenderer Canvas context creation error: Could not create a WebGL context, VENDOR = 0xffff, DEVICE
"plugin Failed to load/resolve dependencies: legacy-tile-render Error: DI error: Module layers not def
"Uncaught (in promise) Error: DI error: Module layers not defined. Required by: @plugins/legacy-tile-r

and it seems like the “radar” is briefly active but then switches back to “wind”. My guess at the moment would be that their radar rendering requires WebGL and falls back to the “wind” view if that’s not available. Not sure what to do about this.