How to stream mjpg to an img element in Edge?

Question

How to stream mjpg to an img element in Edge?

Anonym

I have a .NET 6.0 web application with an img-Element and I want to stream a live video of a AXIS network camera. The important part of the html-code looks like this:

<img class="cam-img img-fluid" src="@Model.CameraInfos[0].StreamingURL" />

When starting the application with the IIS Express in Visual Studio 2022 and using Firefox, everything works fine. If I want to open the website in Edge or Chrome, I get the "broken image" symbol. I already tried these things. In the DevTools, I get this:

The same problem occurs after publishing the project and adding it to the "normal" IIS.

If I open the src-link (e.g. http://user:******@XXX.XXX.XXX.XXX:port/mjpg/video-mjpg) in Chrome or Edge, the video is shown correctly.

I also tried to host a simple VS Code website with the live-server extension. The same problem occurs. Again with Firefox, I can see the video, but not with Chrome and Edge.

Gesperrte Frage. Diese Frage wurde aus der Microsoft-Support-Community migriert. Sie können darüber abstimmen, ob sie hilfreich ist, aber Sie können keine Kommentare oder Antworten hinzufügen oder der Frage folgen.

0 Kommentare

1 Antwort

Answer 1

Hi stoex,

I am Dave, I will help you with this.

I apologize, Community is just a consumer forum, due to the scope of your question (Web Dev) can you please post this question to our sister forum on Microsoft Q&A (The Developers Forum)

Over there you will have access to a host of developers and will get a knowledgeable and quick answer to this question.

https://docs.microsoft.com/en-us/answers/index....