TLDW

TLDW（Too Long; Didn't Watch）是一款专为长视频高效学习设计的工具，核心使命是「把超长YouTube视频一键转化为结构化学习工作空间」。无需完整观看数小时视频，只需粘贴链接，即可自动生成亮点剪辑、带时间戳的AI问答、结构化摘要及专属笔记区，让用户在几分钟内吸收一小时视频的核心内容，大幅提升学习、工作效率。

该项目基于Next.js 15 + React 19构建，核心依托xAI Grok 4 Fast模型（支持Gemini适配器切换），结合Supabase提供的视频转录与数据存储能力，搭配Turbopack、Tailwind CSS v4等工具打造极致前端体验，兼顾功能强大与操作便捷。

核心功能：六大亮点，重构长视频吸收流程

1. AI亮点剪辑：精准提取核心片段

支持「Smart（高质量）」和「Fast（极速）」两种生成模式，自动截取视频关键内容片段；提供「一键连播」功能，无需跳转即可连续观看所有亮点；若对片段不满意，可按主题重新生成，精准匹配学习需求。

2. 多维度结构化输出：快速把握核心信息

视频分析完成后，并行生成四大核心内容，全方位覆盖关键信息：

• 快速预览：提炼视频核心观点，1分钟get整体框架；
• 结构化摘要：按逻辑拆分视频内容，层级清晰，便于梳理；
• 推荐问题：自动生成高频疑问及答案，提前解决理解难点；
• 高亮金句：提取视频中关键结论、经典表述，方便引用与记忆。

3. 带时间戳的AI聊天：精准追溯内容来源

基于完整视频转录文本，支持自然语言对话查询，AI回复将返回结构化JSON格式，并附带精确时间戳引用——点击时间戳即可跳转至YouTube对应视频片段，遇到模型供应商限流时会自动降级，确保基础功能可用。

4. 实时同步的转录文本查看器

转录文本与YouTube播放器实时联动，点击文本中的任意句子，即可跳转至视频对应位置；支持「一键摘录」功能，可快速将金句、关键信息保存至笔记区，无需手动复制粘贴。

5. 一体化笔记工作区：跨视频统一管理

提供专属笔记编辑区，可直接引用视频转录内容、AI聊天记录、结构化摘要，支持Markdown渲染；内置「/all-notes」全局笔记页，可跨所有分析过的视频统一管理笔记，支持筛选、排序、删除，方便知识沉淀与回顾。

6. 个人专属视频库：数据持久化管理

登录后可解锁个人视频库，自动保存所有视频分析记录、收藏夹、使用额度及偏好设置（如主题生成模式），所有数据由Supabase安全存储；支持搜索、收藏功能，可快速找到历史分析视频，继续上次学习进度。

技术架构：前沿技术栈，兼顾性能与安全

1. 核心技术栈

2. 关键技术亮点

• 性能优化：激进缓存机制 + 后台自动刷新，提升重复访问速度；匿名/登录用户差异化限流，平衡资源分配；
• 安全加固：全局安全中间件强制CSP头部、防CSRF攻击、请求体大小限制，结合Supabase的速率限制，保障使用安全；
• 开发效率：基于Tailwind CSS v4 + shadcn/ui组件库，前端开发效率极高，界面美观且响应迅速。

页面结构：逻辑清晰，操作便捷

1. 首页（/）：简洁品牌化设计，核心功能为URL输入框、生成模式选择器，限流时自动弹出登录窗口引导解锁更多额度；
2. 分析主工作区（/analyze/[videoId]）：核心功能聚合页，包含YouTube播放器、亮点剪辑、主题选择器、摘要/聊天/转录/笔记多标签页、推荐问题列表，操作流程一站式完成；
3. 个人视频库（/my-videos）：需登录访问，展示所有历史分析视频，支持搜索、收藏、快速继续分析；
4. 全局笔记页（/all-notes）：需登录访问，汇总所有视频笔记，支持筛选、排序、Markdown渲染、删除；
5. 设置页（/settings）：个人偏好管理中心，可修改姓名、密码，查看使用统计，设置默认主题生成模式等。