下方代码运行环境非原生环境,是基于Vue2 + Element-UI的。 但别担心,因为实现方法完全基于原生JS实现,你完全可以直接拿过去任意JS项目使用。而我,只是用了export导出一下方法而已。 就是Async/await、Promise 一、准备视频文件或远程地址 准备好可以正常访问的视频素材: (1)视频文件。使用input上传的File类型的文件 (2)远程地址。blob地址、http地址、本地路径等 二、视频处理 想必大家在网上搜半天了,发现几乎都是基于页面已有的video标签来直接处理的,那么接下来我将反其道而行之,在不实际添加DOM的情况下使用视频。 (1)视频文件 const generateVideoFileBlobUrl = (file) => { return new Promise((resolve, reject) => { let fileReader = new FileReader(); fileReader.onload = e => { let blob = new Blob([e.target.result]);...