主要介绍了vue 录制视频并压缩视频文件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

文件上传框，除了可以选择文件上传之外，还可以调用摄像头来拍摄照片或者视频并上传。capture属性可以判断前置or后置摄像头。在视频播放的过程中，用canvas定时截取一张图片，然后用gif.js生成一张GIF图，从而完成前端的视频压缩。 我这里使用的是Vue写的，以下是我的流程及代码： 一、下载gif.js相关文件，可以到这里下载，然后将这几个文件放在根目录的static/js里面。 gif.js相关文件及存放路径 二、下载依赖包： npm i timers 三、在页面中声明： i