分享一个基于浏览器的视频转 GIF 工具,可离线运行 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Spute
V2EX    分享创造

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

  •  
  •   Spute 16 天前 1208 次点击

    前言

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

    简介

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

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

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

    功能特性

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

    效果展示: GIF-demo

    浏览限制与问题

    • 大文件无法处理:因在内存中运行,转换大视频容易报错。
    • 浏览器兼容性差:依赖 SharedArrayBuffer ,在部分浏览器(如 IE )不可用。可以使用caniuse查看浏览器是否支持 SharedArrayBuffer 浏览器兼容
    第 1 条附言    16 天前

    补充一下浏览器兼容图: 浏览器兼容图

    第 2 条附言    15 天前

    忘记贴项目地址了

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

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

    11 条回复    2025-09-25 11:33:09 +08:00
    rekulas
        1
    rekulas  
       16 天前
    Status: ERROR: ffmpeg.FS('readFile', 'output.gif') error. Check if the path exists

    第一次尝试就失败,反而用 ai 写的 demo 直接转换成功
    Spute
        3
    Spute  
    OP
       16 天前
    你用的是哪个浏览器的哪个版本,可以通过链接查看是否兼容 https://caniuse.com/?search=SharedArrayBuffer
    @rekulas
    rekulas
        4
    rekulas  
       16 天前
    142 最新版 edge 和老版本 134chrome 也没法用 我觉得这不是什么兼容性问题
    还得打磨下
    Spute
        5
    Spute  
    OP
       16 天前
    @rekulas 我也用 edge 试了下,还是没法复现
    pipi32167
        6
    pipi32167  
       16 天前
    也是同样报错:Status: ERROR: ffmpeg.FS('readFile', 'output.gif') error. Check if the path exists
    MacOS + Chrome
    Spute
        7
    Spute  
    OP
       15 天前
    @pipi32167 感谢反馈。我刚刚用带中文的试了下可以复现这个错误了。你可以先用纯英文加字母试试。这个 bug 我修复一下。
    go233
        8
    go233  
       15 天前 via Android
    https://video2gif.cc/ 跟我用的这个好像一样的技术
    go233
        9
    go233  
       15 天前 via Android
    Video to gif 搜索量太低了,我调研了一下这个需求感觉有点少。
    Spute
        10
    Spute  
    OP
       15 天前
    @go233 是的,都是基于浏览器本地执行 ffmpeg ,感觉挺方便的。
    Spute
        11
    Spute  
    OP
       15 天前
    @go233 我也是自己有个相关小需求,才研究来着,先放出来看看情况。
    不过我觉得视频转成 gif 动图,对写博客公众号什么的还是提方便的。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5737 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 06:21 PVG 14:21 LAX 23:21 JFK 02:21
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86