title: Capture video to canvas flutter
body: <p>I would like to implement a video to canvas app like my example in js : <a href="http://jsfiddle.net/Ls9kfwot/2/" rel="nofollow noreferrer">http://jsfiddle.net/Ls9kfwot/2/</a></p>
  <p>But my problem is how i can take a screenshot of video player in a specific area?
  like js in drawImage:</p>
  <pre><code>ctx.drawImage(sx,sy,swidth,sheight,x,y,width,height); // js drawimage
  </code></pre>
  <p>but in Flutter what can i use for reproduce video to canvas?</p>
  <p>i created a simple flutter project with a video player:</p>
  <pre><code>  @override
    Widget build(BuildContext context) {
  
      return Scaffold(
        appBar: AppBar(
          title: Text(widget.title),
        ),
        body: YoYoPlayer(
          aspectRatio: 16 / 9,
          url:
              &quot;http://upload.wikimedia.org/wikipedia/commons/7/79/Big_Buck_Bunny_small.ogv&quot;,
          videoStyle: VideoStyle(),
          videoLoadingStyle: VideoLoadingStyle(
            loading: Center(
              child: Text(&quot;Loading video&quot;),
              //capture image of video and display it
            ),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: _incrementCounter,
          tooltip: 'Increment',
          child: Icon(Icons.add),
        ), // This trailing comma makes auto-formatting nicer for build methods.
      );
    }
  </code></pre>
  <p><a href="https://api.flutter.dev/flutter/rendering/RenderRepaintBoundary-class.html" rel="nofollow noreferrer">RenderRepaintBoundary</a> and drawImage is the solution?</p>