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

[Spute]

前言

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

简介

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

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

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

功能特性

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

效果展示：

浏览限制与问题

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

[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 试了下，还是没法复现😶