新的开源项目 FlyCutCaption, 通过字幕剪辑视频，还支持字幕合成,不依赖后端，全部都是前端实现

[x007xyzabc]

项目地址

项目首页

在网站上点击使用在线工具就可以直接尝试，第一次因为需要加载模型，时间会比较久一点。

🎯 核心功能

• 🎤 智能语音识别：基于 Whisper 模型的高精度语音转文字，支持多种语言
• ✂️ 可视化字幕编辑：直观的字幕片段选择和删除界面
• 🎬 实时视频预览：与字幕同步的视频播放器，支持区间播放
• 📤 多格式导出：支持 SRT 、JSON 字幕格式以及视频文件导出
• 🎨 字幕样式定制：自定义字幕字体、颜色、位置等样式
• 🌐 国际化支持：组件化国际化设计，支持中文、英文、自定义语言包（如日语示例）

🔧 技术特色

• ⚡ 现代化技术栈：React 19 + TypeScript + Vite + Tailwind CSS
• 🧠 本地 AI 处理：使用 Hugging Face Transformers.js 在浏览器本地运行 AI 模型
• 🎯 Web Workers：ASR 处理在后台线程运行，不阻塞主界面
• 📱 响应式设计：适配不同屏幕尺寸的现代化界面
• 🎪 组件化架构：模块化设计，易于维护和扩展

[xu33]

想请教一下，这个画布内的素材编辑，是用什么组件做的啊，好像不是 fabric

[x007xyzabc]

@xu33 使用 Canvas 自己实现的，可以阅读一下源码

[xu33]

@x007xyzabc 好的 谢谢

[stevobm]

看了下，这个就相当于字幕识别+自动剪气口。只为了这个功能单独做个剪辑软件，是不是有点小题大做了。不过如果只是练手，那还行。