1. B站视频创作者,需要在视频片尾感谢互动观众
2. UP主希望以电影级字幕形式展示观众名单,提升视频制作质感
点击空白处退出提示
1. B站视频创作者,需要在视频片尾感谢互动观众
2. UP主希望以电影级字幕形式展示观众名单,提升视频制作质感
1. 自动导入B站用户数据(JSON格式),支持头像和昵称
2. 电影片尾风格的可视化鸣谢名单展示
3. 完全自定义样式配置(颜色、字体大小、标题内容、行间距等)
4. 支持多行标题自定义(可添加多段致谢文字)
5. 实时预览效果,所见即所得
6. 一键导出高清图片或复制到剪贴板,直接用于视频制作
技术栈:
- 前端框架:Vue 3 + TypeScript
- UI组件库:Element Plus + DaisyUI
- 样式方案:UnoCSS
- 图片生成:html2canvas
- 构建工具:Vite
核心实现:
1. 使用Vue 3 Composition API实现响应式数据管理
2. 通过html2canvas将DOM渲染为高清图片
3. 支持实时样式调整和预览
4. 纯前端实现,无需后端服务,数据本地处理
项目亮点:
- 完整的TypeScript类型安全
- 组件化设计,易于维护和扩展
- 优秀的用户体验,操作简单直观
- 响应式布局,适配不同屏幕尺寸




评论