logo
0
0
WeChat Login
chore: 添加项目配置文件并更新文档

TINA Sub

TINA Is Not AegiSub 基于纯前端技术的特效字幕/视频编辑工具

技术栈

  • 框架: 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