在浏览器内执行 ffmpeg cli

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 715 天前的主题，其中的信息可能已经有所发展或是发生改变。

（腾讯云最新优惠活动来了：云产品限时1折，云服务器低至88元/年，点击这里立即抢购：9i0i.cn/qcloud，更有2860元代金券免费领取，付款直接抵现金用，点击这里立即领取：9i0i.cn/qcloudquan）

（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）

纯客户端的 ffmpeg, 执行一些低计算量的操作蛮方便的, 例如: 拆分 /合并影轨音轨

核心基于ffmpeg.wasm, 修复 Unicode 档名会出错的问题, UI 使用Preact.js + Bulma.css.

UI 还不是很完善, 有空会再调整调整.

有考虑弄成 PWA, 那个 wasm 是真的有点大, service worker 快取后应该会好不少...

操作方式:

选取需要处理的档案
设定 ffmpeg 参数
点"Run", 耐心等跑完
输出可以直接在网页上观看, 亦可直接下载

连结: https://sauceburnseal.net/ffmpeg/ (cloudflare + github pages)
repo: https://github.com/cs8425/ffmpeg-cli-online

ffmpeg

wasm

影轨音

计算量

4 条回复 ? 2022-05-20 16:45:36 +08:00

learningman

2022-05-19 18:31:37 +08:00 via Android

文件系统咋弄的，mock 一个 memfs ？

cs8425

2022-05-19 20:15:12 +08:00

@learningman #1
是 emscripten 自带的 MEMFS 没错, 但应该不算 mock
上游只有 export readFile writeFile unlink 这三个
我是另外纪录档案资讯再列出来的
之后应该会把 readdir lstat export 出来
再重构一下档案那边的 UI

frinstioAKL

2022-05-20 16:45:01 +08:00

https://compress-video-online.com/zh

frinstioAKL

2022-05-20 16:45:36 +08:00

接上楼, 之前看到一个浏览器里面调用 ffmpeg js 做视频压缩的网站