1.
(我之前因为直接装了导致报错)
要安装这个版本
npm install @ffmpeg/ffmpeg@0.10.1 -S
npm install @ffmpeg/core@0.10.0 -S
2.找到vue.config.js
devServer: {
headers: {
"Cross-Origin-Opener-Policy": "same-origin",
"Cross-Origin-Embedder-Policy": "require-corp",
},
}
加上红色这段代码
3. 我写在了js文件里
export function resizeVideo(file) {
return new Promise(function (resolve, reject) {
const ffmpeg = createFFmpeg({
corePath: "ffmpeg-core.js",
log: true,
});
//开始压缩
const transcode = async (file) => {
const { name } = file;
await ffmpeg.load();
ffmpeg.FS("writeFile", name, await fetchFile(file));
await ffmpeg.run("-i", name, "-b", "700000", "output.mp4");
const vv = ffmpeg.FS("readFile", "output.mp4");
//把压缩后的视频进行回显
let files = new File([vv.buffer], file.name, {
type: "video/mp4"
});
resolve(files);
};
transcode(file)
})
}
我最后又转了一下blob!文章来源:https://www.toymoban.com/news/detail-703983.html
美美解决 就是压缩很慢 最后我们不需要压缩视频了文章来源地址https://www.toymoban.com/news/detail-703983.html
到了这里,关于Vue 2.0 前端使用 ffmpeg 压缩视频的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!