视频章节标记
ReactVideoChapters导航Player更新于 2026-08-14
使用场景: 改善长视频体验:章节导航、悬停缩略图定位与字幕联动跳转。
安装
npx skills add video-chapter-marker克隆
git clone https://github.com/skillhub-community/video-chapter-marker.git描述
视频播放器的章节与导航层。ChapterBar:分段进度条,每段一个章节,悬停显示标题提示,点击跳转到章节起点。章节从上传 SRT 标记、JSON 时间线自动检测,或经 AI 分割(把字幕拆成带标题章节的摘要适配器)。SeekPreview:悬停进度条预览该时间戳的缩略图帧(基于 sprite sheet,快速且离线)。
TranscriptNav:有字幕时滚动字幕高亮当前口播段,点击任意行跳转视频到该时刻——双向同步。VideoTOC:可折叠目录面板列出章节带时长与自动生成的摘要行。包含「章节编辑器」重命名/重排章节与章节地图导出为 JSON/SRT。所有控件键盘可达,兼容任意 HTML5 视频或内置播放器外壳。
AI Hub
跑 Skill 需要模型接口?
AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@video_wang
许可证MIT
版本1.0.0
依赖0