JS截取视频第一帧

当视频能够预览并上传后,非要来一张视频第一帧的截图贴上,第一帧是黑的怎么办,下一帧 。
一、文件上传
使用<input type="file">上传,change事件作为预览video的src的触发条件 新鲜源码:
<video controls width="700" height="300" src=https://www.isolves.com/it/cxkf/yy/js/2019-08-29/"" id="video">二、canvas截取图片
关于截取或者处理图片/视频/富文本编辑器,canvas是一个非常nice的选择 。

  1. 创建画布canvas或在html中直接写入 。
var canvas = document.createElement('canvas');
  1. 创建基于canvas的绘图环境
var ctx = canvas.getContext('2d');


    推荐阅读