这是一个创建于 542 天前的主题，其中的信息可能已经有所发展或是发生改变。
周做了一个在浏览器里「视频转 GIF 」的工具。
https://lyonbot.github.io/video-to-gif/
使用 WebCodec 解码视频，转换速度还是有保障的。而且还可以自定义颜色、抖动等参数，提高转换效果。
技术栈：Solidjs, Unocss, WebCodec, ffmpeg.wasm, modern-gif, mp4box.js
欢迎各位大佬体验，反馈问题和分享
第 1 条附言 2024-04-19 15:16:50 +08:00
如果这个工具有用的话，希望能 点个支持 ，或者帮忙分享一下。关于推广我是没有一点思路，也不想在这方面倒腾太多。
但没有正反馈的话，还是挺影响维护或者做新的东西的积极性的。
发出来后回复全是一些神奇的case，并且没有样本。如果可以的话，辛苦发到 GItHub Issues 区里，我会抽空处理下
 | 1 dazuijuren004 2024-04-15 11:30:53 +08:00 尝试使用了一个 mov 格式录制的视频，网站提示 code c is not support |
 | 2 lyonbot OP @dazuijuren004 测试了一下 MacOS 自带的录屏 mov 是可以的，方便发一下浏览器版本 & 视频文件看下情况么？ bHlvbmJvdEBnbWFpbC5jb20K |
| 3 dazuijuren004 2024-04-15 14:21:12 +08:00 @lyonbot 很奇怪，我刚又试了一遍，成功了 |
 | 4 MossFox 2024-04-15 15:14:40 +08:00 好用，了 刚想说默认走的 ffmpeg 会不会有些重量级，但是选了个分辨率略大的视频，速度对比了一下真比纯 JS 快好多，赞。 |
| 5 lyonbot OP  1 @MossFox 感谢实践证明跑压缩算法还是 wasm 更快一些。 方案落地走过挺多弯路的，一开始是直接让 ffmpeg 解码视频+编码 GIF ，发现 wasm 解码速度太差，后来改成 video 抓画面，再改成 WebCodec 超高速解码。而 GIF 编码这部分，本来用的 gif.js ，因为未暴露颜色数量控制能力，改成了 [modern-gif]( https://github.com/qq15725/modern-gif) |
 | 6 YY 2024-04-15 22:30:18 +08:00 测试一个竖版的视频，转后方向好像变了 |
| 9 YY 2024-04-16 12:53:00 +08:00 能不能添加文字 （可以设置字体 大小 颜色 等 方便制作表情包 |
 | 10 630071099 2024-04-19 11:50:38 +08:00 随便找了个 QQ 录屏 MP4 格式的，不能用。看了下竟然是 H.263 编码的，网页对视频编码的支持还是太有限。 InvalidStateError: Failed to execute 'createImageBitmap' on 'Window': The source image width is 0. |
| 11 lyonbot OP @630071099 头一回见有用 h263 编码的，看说明一是正常的 mp4 不支持存储 h263 信息，二是其分辨率类型不是说很有限…… 好奇能发个样本看看吗 bHlvbmJvdEBnbWFpbC5jb20K |
| 12 630071099 2024-04-22 11:38:30 +08:00 @lyonbot 样本提交到 github 上了： https://github.com/lyonbot/video-to-gif/issues/1 。问了 ChatGPT ，确实不是 H.263 ，是使用了 H.263 的默认矩阵配置进行编码，视频文件的编码为 MPEG-4 Visual 。 |
Select Language