TINA Sub

TINA Is Not A Subtitle 基于纯前端技术的字幕/视频生成工具

• 框架: React 18 + TypeScript + Vite
• 渲染: PixiJS 8 + Konva.js 9
• 状态管理: Zustand + Immer
• 粒子系统: @pixi/particle-emitter
• ASS字幕: libass-wasm
• UI组件: TDesign + Tailwind CSS
• 视频导出: WebCodecs API + mp4-muxer

• ✅ 粒子系统（常见粒子特效完整支持）
• ✅ ASS字幕完整支持
• ✅ 可视化ASS编辑器
• ✅ LRC导入（自动转ASS处理）
• ✅ 智能字幕特效（分词排版等）
• ✅ ASS字幕导出
• ✅ 多轨道支持（视频/图片/贴纸）
• ✅ 音画同步（单音频源）
• ✅ 全屏实时播放
• ✅ 1-20分钟视频导出

npm install

npm run dev

npm run build

npm run preview

src/
├── core/               # 核心功能模块
│   ├── particle/       # 粒子系统
│   ├── subtitle/      # 字幕系统
│   ├── timeline/       # 时间轴管理
│   └── export/         # 导出功能
├── components/        # React组件
│   ├── editor/         # 编辑器组件
│   ├── particle/       # 粒子组件
│   └── subtitle/       # 字幕组件
├── stores/            # 状态管理
└── App.tsx            # 主应用

• Chrome 94+
• Edge 94+
• Firefox 118+
• Safari（降级支持）

纯静态文件部署，支持：

• Nginx
• Apache
• GitHub Pages
• Vercel
• Netlify

AGPLv3