Add a Panorama Video Example

[greggman]

No description provided.

[kainino0x]

The videoUploading sample is already using a 360 video. Since the purpose of that sample is just to demonstrate importExternalTexture, I don't think it would devalue it if we just merged these two samples. Any particular reason to have two?

[kainino0x]

Be sure to attribute correctly. You can get copy-pasteable attribution from Wikimedia if you go to that url and click "Use this file on the web"
<a href="https://commons.wikimedia.org/wiki/File:Video_360%C2%B0._Timelapse._Bled_Lake_in_Slovenia..webm">Fabio Casati</a>, <a href="https://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>, via Wikimedia Commons

... speaking of which, I have no idea where our current 360 video comes from, it has no attribution and might need it.

[greggman]

Sure we can combine them.

I'll see if I can find the other video's license. Also, it has a different projectiion than this video but we can have more than 1 video.

[kainino0x]

Google Lens Gemini identifies it as being at CERN which seems right but I can't find the exact video.

[kainino0x]

I think it would be fine if we just replace that one if we can't find its license.

[beaufortfrancois]

LGTM with nit. Thank you @greggman!

[beaufortfrancois]

FYI @mwyrzykowski, I get "Auto-generated layouts mismatch" uncaptured error in Safari Tech Preview with the 360 render pipeline:

[greggman]

I noticed the Safari issue too. I tried to repo it in a smaller test but didn't have any luck. I first tried making 2 pipelines, each with a sampler, texture, uniform buffer. # That didn't repo. I then tried the same except with an external texture instead regular texture. # No luck there either. I guess it has something to do with changing videos on the video tag? Maybe between the time it submits the command buffer that uses the external texture, and the time it sets video.src, the video gets in a state that's not usable before it's actually executed the command buffer? I have no idea.

[mwyrzykowski]

@beaufortfrancois @greggman it works if I change line 8620:

const mode = '360'; // videos[settings.video].mode;

which implies WebKit has some incorrect caching. I filed https://bugs.webkit.org/show_bug.cgi?id=296062

Working around this would involve ensuring the entries are not identical between the 360 pipeline and the regular pipeline, but I will fix it next week

[greggman]

Thanks for looking @mwyrzykowski If you can think of a regression test we can add to the CTS that'd be great!