VideoFrame implements CanvasImageSource

Author: yjbanov

lib/web_ui/lib/src/engine/canvaskit/image_web_codecs.dart

@@ -462,7 +462,7 @@ Future<Uint8List> encodeVideoFrameAsPng(VideoFrame videoFrame) async {
     ..width = width
     ..height = height;
   final html.CanvasRenderingContext2D ctx = canvas.context2D;
-  drawVideoFrame(ctx, videoFrame, 0, 0);
+  ctx.drawImage(videoFrame, 0, 0);
   final String pngBase64 = canvas.toDataUrl().substring('data:image/png;base64,'.length);
   return base64.decode(pngBase64);
 }

lib/web_ui/lib/src/engine/safe_browser_api.dart

@@ -304,7 +304,7 @@ class DecodeOptions {
 ///  * https://www.w3.org/TR/webcodecs/#videoframe-interface
 @JS()
 @anonymous
-class VideoFrame {
+class VideoFrame implements html.CanvasImageSource {
   external int allocationSize();
   external JsPromise copyTo(Uint8List destination);
   external String? get format;
@@ -1005,7 +1005,3 @@ class OffScreenCanvas {
   static bool get supported => _supported ??=
       js_util.hasProperty(html.window, 'OffscreenCanvas');
 }
-
-void drawVideoFrame(html.CanvasRenderingContext2D ctx, VideoFrame videoFrame, int x, int y) {
-  js_util.callMethod<void>(ctx, 'drawImage', <Object?>[videoFrame, x, y]);
-}