分享一个基于浏览器的视频转 GIF 工具，可离线运行

[Spute]

前言

最近写公众号，需要做一些视频演示，可是手动上传视频还得设置封面，等待审核，远没有上传图片方便。 于是想到一个一种方案是将视频转 GIF ，这样就可以保证演示的效果，又能快速发布公众号文章了。于是网上找到一个现成的项目，但是有些问题，就基于这个项目修改了一下，然后部署到 cloudflare 里。分享给需要的朋友。

简介

一个基于浏览器的视频转 GIF 工具项目地址，使用 ffmpeg.wasm 在浏览器中直接处理视频转换。

网站 demo：https://video2gif.520233.best/

本项目基于video-to-gif二次开发

功能特性

• 🎥 完全在浏览器中处理 - 无需上传到服务器，保护隐私
• ⚙️ 丰富的转换设置 - 可调节帧率、尺寸、时间范围
• 📱 拖拽上传 - 支持拖拽或粘贴视频文件
• 📊 实时预览 - 视频预览和转换进度显示
• 💾 历史记录 - 自动保存转换历史，支持下载
• 🔒 隐私保护 - 所有处理都在本地完成

效果展示：

浏览限制与问题

• 大文件无法处理：因在内存中运行，转换大视频容易报错。
• 浏览器兼容性差：依赖 SharedArrayBuffer ，在部分浏览器（如 IE ）不可用。可以使用caniuse查看浏览器是否支持 SharedArrayBuffer

补充一下浏览器兼容图：

忘记贴项目地址了😵‍💫

代码我开源到https://github.com/Spute/video-to-gif了，欢迎star😄

有兴趣的朋友也可以自己部署下

[rekulas]

Status: ERROR: ffmpeg.FS('readFile', 'output.gif') error. Check if the path exists

第一次尝试就失败,反而用 ai 写的 demo 直接转换成功

[Spute]

https://github.com/Spute/video-to-gif/raw/main/assets/caniuse.png

[Spute]

你用的是哪个浏览器的哪个版本，可以通过链接查看是否兼容 https://caniuse.com/?search=SharedArrayBuffer
@rekulas

[rekulas]

142 最新版 edge 和老版本 134chrome 也没法用 我觉得这不是什么兼容性问题 😆
还得打磨下

[Spute]

@rekulas 我也用 edge 试了下，还是没法复现😶

[pipi32167]

也是同样报错：Status: ERROR: ffmpeg.FS('readFile', 'output.gif') error. Check if the path exists
MacOS + Chrome

[Spute]

@pipi32167 感谢反馈。我刚刚用带中文的试了下可以复现这个错误了。你可以先用纯英文加字母试试。这个 bug 我修复一下。

[go233]

https://video2gif.cc/ 跟我用的这个好像一样的技术

[go233]

Video to gif 搜索量太低了，我调研了一下这个需求感觉有点少。

[Spute]

@go233 是的，都是基于浏览器本地执行 ffmpeg ，感觉挺方便的。

[Spute]

@go233 我也是自己有个相关小需求，才研究来着，先放出来看看情况。
不过我觉得视频转成 gif 动图，对写博客公众号什么的还是提方便的。