Отображение пользовательского видеопотока в элементе IMG ⇐ C#

[Anonymous]

Я работаю над приложением Blazor WASM, которое должно отображать видеопоток с камеры Axis. Поскольку я не хочу раскрывать учетные данные, я хочу обслуживать поток с помощью специального API.
Поток камеры (для моих примеров):http://192.168.0.195/axis-cgi/mjpg/video.cgi

• Камера настроена для анонимного просмотра (для тестирования)
  Открытие этого локально в браузере Chrome: показывает поток
• Открытие этого в VLC: отображение потока

Код контроллера API:

Код: Выделить всё

public async Task GetStream()
{
var cameraUrl = "http://192.168.0.195/axis-cgi/mjpg/video.cgi";

var response = await _httpClient.GetAsync(cameraUrl, HttpCompletionOption.ResponseHeadersRead);

if (!response.IsSuccessStatusCode)
{
return StatusCode((int)response.StatusCode, "Failed to retrieve stream from camera.");
}

var stream = await response.Content.ReadAsStreamAsync();

return new FileStreamResult(stream, "multipart/x-mixed-replace");
}

При запуске контроллера API:

• Открытие конечной точки (https:// localhost:7283/v1/camera/stream) в Chrome: черный экран
• Открытие конечной точки в VLC: РАБОТАЕТ!

При добавлении в Blazor приложение:

Код: Выделить всё

[img]https://localhost:7283/v1/camera/stream[/img]

Отображается значок разбитого изображения.
Вопрос
Что такое Я здесь пропал? Поток работает в VLC, но браузер не показывает его, в то время как исходный поток отображается..

Подробнее здесь: https://stackoverflow.com/questions/791 ... mg-element