来自 OpenCVSharp 捕获的 ASP.NET Core 流视频

Question

我想使用 ASP.NET Core 应用程序流式传输从网络摄像头捕获的视频。 我还需要对框架进行一些操作，这就是我使用 OpenCVSharp 的原因。

目前我有接下来的发展：

• html 在我看来-这里我不知道我应该使用什么类型

<video id="video" preload="auto">
  <source src="LiveVideo" type="<< don't know the type >>"/>
</video>

• 我的控制器 - 这里我也不知道内容类型，主要问题是：我不知道如何流式传输 OpenCVSharp 捕获的视频

[ApiController]
[Route("[controller]")]
public class LiveVideoController : ControllerBase 
{
  [HttpGet]
  public async Task<FileStreamResult> GetVideo()
  {
    // capture frames from webcam
    // https://github.com/shimat/opencvsharp/wiki/Capturing-Video
    var capture = new VideoCapture(0);

    var stream = await << somehow get the stream >>;

    return new FileStreamResult(stream, << don't know the content type >>);
  }
}

Answer 1

如果有人需要应用如此奇特的行为，我已经找到了一种方法。使用 Blazor 是可能的。我像字节数组一样读取每一帧并将其发送到 UI 并将其转换为图像。

这是我的 Blazor 组件 LiveVideo.razor

@page "/live-video"

@using OpenCvSharp;


<img src="@_imgSrc" />


@code {
    private string _imgSrc;

    protected override async Task OnInitializedAsync()
    {
        using (var capture = new VideoCapture(0))
        using (var frame = new Mat())
        {
            while (true)
            {
                capture.Read(frame);

                var base64 = Convert.ToBase64String(frame.ToBytes());
                _imgSrc = $"data:image/gif;base64,{base64}";

                await Task.Delay(1);

                StateHasChanged();
            }
        }
    }
}