本次使用的是canvas.drawImage()实现截图功能, 关于api支持的dom元素、基本参数,可点击查询下面连接 CanvasRenderingContext2D.drawImage() 处理过程 我本次的需求是多人视频中对某一视频某一刻的截图,展示视频直接用的原生video标签 1、首先获取video元素
本次使用的是canvas.drawImage()实现截图功能, 关于api支持的dom元素、基本参数,可点击查询下面连接 我本次的需求是多人视频中对某一视频某一刻的截图,展示视频直接用的原生video标签 1、首先获取video元素和创建canvas
2、截图的像素大小及优化 devicePixelRatio 能够返回当前显示设备的物理像素分辨率与 CSS 像素分辨率的比率,能够更好还原真实的视频场景,具体参考官方
3、处理canvas画布
4、生成canvas并转化成自己需要的格式,我这里就直接转成base64了
|
2021-10-12
2021-05-12
2020-05-01
2018-01-16
2019-07-09