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！文章來源：http://www.zghlxwxcb.cn/news/detail-703983.html
美美解決?就是壓縮很慢?最后我們不需要壓縮視頻了文章來源地址http://www.zghlxwxcb.cn/news/detail-703983.html
到了這里，關于Vue 2.0 前端使用 ffmpeg 壓縮視頻的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
