Xamarin 多平台 - 来自 jpeg 序列的视频

Question

我想知道如何在 Xamarin（所有平台）中显示来自 jpeg 的视频。

我的 jpeg 是从流行的视频监控管理软件发送的 http 客户端流中流式传输的。

我的 jpeg 格式为 byte[]，我得到大约 10 jpegs/second。这种格式是强加的。

我尝试快速更改 Image 上的 Source，但它会导致 Android 上出现严重的抖动。这似乎适用于 Windows phone 但性能不是很好。

如何为每个视频创建一个视频播放器？除非我记错了，否则现有的组件无法做到这一点。

最佳，

Answer 1

谢谢杰森！效果很好，渲染非常流畅！！

只需将带有 NuGet 的 SkiaSharp.Views.Forms 添加到项目中，瞧！

这是代码（共享项目）中的样子：

// Content page initialization
private void InitUI() {

    Title = "Xamavideo";

    var button = new Button
    {
        Text = "Connect!"
    };
    Label label = new Label
    {
        Text = ""
    };

    var scroll = new ScrollView();
    scroll.BackgroundColor = Color.Black;
    Content = scroll;
    var stack = new StackLayout
    {
        Padding = 40,
        Spacing = 10
    };

    //Add a SKCanvasView item to the stack
    var videoCanvas = new SKCanvasView
    {                
        HeightRequest = 400,
        WidthRequest = 600,                
    };
    videoCanvas.PaintSurface += OnCanvasViewPaintSurface;
    stack.Children.Add(videoCanvas);
}

//Create the event handler
void OnCanvasViewPaintSurface(object sender, SKPaintSurfaceEventArgs args)
{
    SKImageInfo info = args.Info;
    SKSurface surface = args.Surface;            

    // using (var stream = new SKManagedStream(fileStream))
    if (lastFrame == null) return;
    using (var canvas = surface.Canvas)
    // use KBitmap.Decode to decode the byte[] in jpeg format 
    using (var bitmap = SKBitmap.Decode(lastFrame))
    using (var paint = new SKPaint())
    {
        // clear the canvas / fill with black
        canvas.DrawColor(SKColors.Black);
        canvas.DrawBitmap(bitmap, SKRect.Create(640, 480), paint);
    }
}

void UpdateFrame(VideoClient client){

   //Use this to update the canvas:
   byte[] lastFrame = client.imageBytes;
   videoCanvas.InvalidateSurface();                                   
}

Xamarin 多平台 - 来自 jpeg 序列的视频

Xamarin multiplatform - Video from jpeg sequence

android

ios

xamarin

windows-phone

mjpeg