[WASM] Show images and video from other domains

[gevart]

Hello all.

I need to show images and video files from a cloud in my app. I'm using Image and MediaPlayer controls and they work on WinUI-head just fine.
But on Wasm-head they fail with net::ERR_BLOCKED_BY_RESPONSE.NotSameOriginAfterDefaultedToSameOriginByCoep.

I found that if I add an attribute crossorigin="anonymous" to img tag it works. So I need to add an html attribute to Wasm implementation of Image control. Is there an easier solution than creating my own control for Wasm and using an injected interface in a common project?

And the second question is how to play cloud-hosted videos on MediaPlayer on WASM? The attribute above is only for img tag as I understand...

I'm using NET 9 on Wasm project and NET 8 on common project if that matters.

[jeromelaban]

Thanks for the report. This is a known .NET issue: dotnet/runtime#109937. This is a debug only issue at this time. You can use dotnet serve instead to see these external assets in the meantime.

[gevart]

Thanks for the reply!
I tried to use dotnet-serve on Wasm\bin\Debug\net9.0\wwwroot folder.
It shows the app and images/video are showing fine.

But the mentioned .net issue says it's somehow connected with wasm multithreading so does it mean I can't enable threads if I need to show cross-domain assets? Running the app in one thread is not looking good at the moment :)

[jeromelaban]

But the mentioned .net issue says it's somehow connected with wasm multithreading so does it mean I can't enable threads if I need to show cross-domain assets?

That's correct, threading requires those browser attributes to be set and it reduces the feature set significantly. There are ways around it, but it's restrictive for sure.

Running the app in one thread is not looking good at the moment :)

Make sure to run with AOT, it improves the performance significantly.