node
/
index.html



<head>

  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="robots" content="nofollow">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

</head>

<img
id="theimg" onload="update()"
crossorigin = "Anonymous" crossOrigin = "Anonymous"
src="http://anis.oss-cn-beijing.aliyuncs.com/onepiece/3.mp4?x-oss-process=video/snapshot,t_50000,f_jpg,w_800,h_600,m_fast">


<canvas id="thecanvas" width=200 height=200></canvas>

<script type="text/javascript">

  function update(){

    var ctx = thecanvas.getContext("2d");
    ctx.drawImage(theimg, 0, 0, thecanvas.width, thecanvas.height);

    try{
      let wtf = thecanvas.toDataURL("image/png");
      // let wtf = thecanvas.toBlob();
      alert(wtf.substring(0,20))

    }catch(e){
      alert(e)
    }


  }

</script>


<h1>yo</h1>