最近在项目中遇到一个需要抓拍正在播放的视频中的图片,就像截图一样进行实时抓拍,并且使用了base64进行上传,要求图片不能大于2M.
先上代码
public captureVideo(id) {
//获取video的dom节点
let video = document.getElementById(id).firstChild;
//创建一个canvas画布
let canvas = document.
本文介绍了如何在前端项目中使用canvas抓拍正在播放的视频并进行实时压缩。通过获取video节点,创建canvas,设置2d绘图上下文,调整canvas尺寸,将video绘制到canvas上,然后转换为base64格式。压缩图片的关键在于减小canvas的尺寸。
最近在项目中遇到一个需要抓拍正在播放的视频中的图片,就像截图一样进行实时抓拍,并且使用了base64进行上传,要求图片不能大于2M.
先上代码
public captureVideo(id) {
//获取video的dom节点
let video = document.getElementById(id).firstChild;
//创建一个canvas画布
let canvas = document.