上传者: 38643407
|
上传时间: 2022-05-06 19:22:38
|
文件大小: 72KB
|
文件类型: PDF
文件上传框<input type=”file”>,除了可以选择文件上传之外,还可以调用摄像头来拍摄照片或者视频并上传。capture属性可以判断前置or后置摄像头。在视频播放的过程中,用canvas定时截取一张图片,然后用gif.js生成一张GIF图,从而完成前端的视频压缩。
我这里使用的是Vue写的,以下是我的流程及代码:
一、下载gif.js相关文件,可以到这里下载,然后将这几个文件放在根目录的static/js里面。
gif.js相关文件及存放路径
二、下载依赖包:
npm i timers
三、在页面中声明:
import { setInterval, clearInter