Quick Card AI

浏览器扩展，一键将网页、视频、GitHub 项目整理成 AI 信息卡片。

功能特性

网页内容总结

• 长文章：生成 300 字核心摘要 + 3 个关键点
• 自动提取正文，过滤广告和导航 noise

视频智能分析

支持 B站、YouTube平台：

信息源	描述
字幕	优先提取 CC 字幕进行逐句总结
章节	无字幕时降级使用章节时间戳
元数据	都没有时基于标题描述推测
精准空降	点击时间轴可跳转到对应视频位置

GitHub 项目速览

• 一句话说清项目用途
• 自动提取安装命令
• README 核心内容摘要

模型支持

• OpenAI 兼容 API
• Anthropic 兼容 API
• 自定义 Base URL、模型名、API Key

安装步骤

1. 下载本项目代码
2. 打开 Chrome/Edge 扩展管理页 (chrome://extensions 或 edge://extensions)
3. 开启「开发者模式」
4. 点击「加载已解压的扩展程序」
5. 选择项目文件夹
6. 点击浏览器工具栏的扩展图标开始使用

使用方法

首次配置

1. 点击「模型设置」
2. 选择协议格式（OpenAI 或 Anthropic）
3. 填写 API Key、接口地址、模型名称
4. 保存设置

生成卡片

方式一：读取当前页面

• 直接点击「读取当前页」
• 适用于：正在浏览的文章、视频、GitHub 仓库

方式二：分析指定链接

• 在输入框粘贴 URL
• 点击「分析链接」
• 扩展会自动打开页面并提取内容

时间轴互动

对于视频卡片，时间轴支持点击跳转：

• 当前页是目标视频：直接跳转时间点
• 其他页面：打开新标签页并定位

支持的跳转格式：

• B站：?t=155（秒）
• YouTube：?t=155s（秒+s）

管理卡片

操作	说明
复制	复制卡片内容到剪贴板
保存	存入扩展本地历史记录
下载	导出为 PNG 图片卡片

技术实现

字幕提取

• B站：通过 __INITIAL_STATE__ 和 x/player/v2 API，支持多 P 视频
• YouTube：通过 ytInitialPlayerResponse 获取字幕列表，支持 XML/JSON3 双格式回退
• 抖音：解析 RENDER_DATA 提取字幕元数据

章节解析

• B站：从 pages、description、progressBar.chapters、ugcSection 多源提取
• YouTube：从 engagementPanels 和 description 解析

源码结构

quick-card/
├── manifest.json          # 扩展配置
├── background.js           # Service Worker 背景脚本
│   └── 处理 API 调用、字幕获取、视频数据富化
├── content-script.js       # 内容脚本
│   └── 页面内容提取、字幕解析、章节提取
├── popup.html / popup.js   # 弹出面板 UI
├── options.html / options.js # 设置页面
├── src/
│   ├── prompts.js         # AI 提示词模板
│   ├── storage.js         # 本地存储操作
│   ├── provider-config.js # 模型配置
│   └── subtitle-utils.js  # 字幕处理工具
└── styles/                # CSS 样式
    ├── common.css
    ├── popup.css
    └── options.css

字幕选择评分

人工字幕优先于 AI 生成字幕的评分系统：

属性	分值
人工字幕（非 ai- 开头）	+10
中文字幕	+6
英文字幕	+4

降级策略

当字幕不可用时自动降级：

字幕 Summary → 章节推测 → 元数据推测
   ↓              ↓            ↓
完整分析      结构概览      基础信息

配置示例

OpenAI

接口地址: https://api.openai.com/v1
模型名称: gpt-4.1-mini

Anthropic

接口地址: https://api.anthropic.com/v1
模型名称: claude-3-5-sonnet-latest

兼容厂商（如 OpenRouter）

接口地址: https://openrouter.ai/api/v1
模型名称: google/gemma-3-27b-it

注意事项

1. 视频分析限制：无字幕视频依赖 UP主/创作者 添加的章节信息
2. API 费用：视频字幕较长，注意 Token 消耗
3. 隐私：所有数据仅发送到配置的 API 端点，扩展本身不上传数据

许可

MIT