Greasy Fork

来自缓存

Greasy Fork is available in English.

Bilibili 视频时间轴

根据视频字幕, 生成视频时间轴.

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
AliubYiero
日安装量
2
总安装量
18
评分
0 0 0
版本
2.0.2
创建于
2025-01-06
更新于
2026-05-04
大小
232.3 KB
许可证
GPL-3
适用于

Bilibili 视频时间轴 说明文档

概述

通过 B 站的 CC 字幕, 在视频页面中加载一个时间轴容器, 方便用户快速浏览视频内容、跳转到指定时间点、复制字幕文本和时间、下载字幕文件.

由于 Bilibili 的风控限制, 2025/2/7 之后, 劫持 Bilibili 的播放器数据会导致大会员画质无法使用 (v1.3.18 版本及以下会受到影响), 所以请使用/及时更新至 v1.4.0 版本以上.

功能特性

  • 生成时间轴: 根据视频现有的字幕(包括 AI 自动生成和 UP 主手动上传的字幕), 在页面右侧生成一个可滚动的时间轴容器, 展示字幕内容.
  • 点击跳转: 点击时间轴上的时间或文本, 视频将跳转到对应的字幕时间点, 并高亮当前正在播放的字幕行.
  • 高亮锁定: 开启时间轴锁定后, 高亮字幕将始终保持在时间轴容器的指定位置(默认为第二行), 无需手动滚动.
  • 跳过空白: 自动跳过字幕之间的空白时间段, 鼠标浮动在选项上可查看当前视频的总空白时长.
  • 导入字幕: 支持从本地导入 .srt / .ass 字幕文件生成时间轴(不会持久化保存).
  • 忽略音乐(AI 字幕): 针对 AI 字幕中识别为音乐的部分(置信度大于 0.5), 开启后将自动过滤不显示.
  • 下载字幕: 支持将当前视频的字幕下载为 .srt 或 .ass 格式文件.
  • 快速复制: 点击字幕时间可快速复制时间点, 点击字幕文本可快速复制文本内容(需通过脚本猫安装).
  • 网页全屏支持: 在网页全屏模式下, 右侧仍可显示时间轴容器.
  • 样式自定义: 支持自定义时间轴容器的字体大小、宽高、显示/隐藏各模块等.

配置说明

按钮配置

在生成的时间轴顶部左上角共有四个按钮

标题 类型 说明
锁定时间轴 boolean 开启后会将高亮字幕的位置锁定, 默认为第二行
跳过字幕间隔 boolean 开启后会自动跳过字幕之间的空白时间段
过滤音乐字幕 boolean 开启后将自动过滤识别为音乐的字幕 (仅AI字幕可用)
更多 下拉框 下载字幕 (srt) 和 下载字幕 (ass)

菜单按钮配置

脚本猫/篡改猴下的菜单按钮

标题 说明
生成时间轴_<语言> 点击后会在当前页面生成对应语言的字幕时间轴, 开启 自动加载时间轴 后会自动加载第一个字幕
点击不同语言的 生成时间轴 按钮可切换字幕内容
如果当前视频没有字幕, 会显示 当前视频没有字幕
刷新 刷新当前视频的字幕信息, 在脚本错误获取字幕信息时使用.
正常情况下页面刷新时, 会自动更新字幕数据.
手动导入字幕 点击后打开一个文件选择框, 可选择 .srt 或 .ass 文件手动导入字幕, 并生成时间轴
  • 字幕语言已进行排序, 顺序为: 中文 > 中文AI > 英语 > 英语AI > ...
  • 如果出现脚本错误获取字幕信息的情况, 可提供视频链接, 错误出现前的操作, 根据 问题反馈 的内容提交问题修复反馈.

时间轴配置

脚本猫用户配置

标题 类型 默认值 说明 键名
自动加载时间轴 boolean true 页面载入时, 自动加载第一个字幕时间轴到页面中 alwaysLoad
点击时间轴跳转视频的模式 array ['时间跳转'] 可选择"时间跳转"和"文本跳转" jumpTimeMode
高亮时间轴锁定位置 (行) number 2 高亮字幕固定在容器的第几行 lockHighlightCol
网页全屏显示时间轴 boolean false 网页全屏显示时间轴 showInWebScreen
自动复制时间 boolean false 点击时间时自动复制时间到粘贴板 isCopyTime
自动复制文本 boolean false 点击文本时自动复制文本到粘贴板 isCopyContent
平滑滚动 boolean false 锁定时间轴时, 脚本的滚动表现是否呈现出滚动过程 isSmoothScroll

时间轴样式

脚本猫用户配置

标题 类型 默认值 说明 键名
显示时间轴结束时间 boolean false 显示时间轴结束时间 showEndTime
禁止选中时间文本 boolean true 字幕的时间将无法选中和复制 disableSelectTime
禁止选中字幕文本 boolean false 字幕的内容将无法选中和复制 disableSelectContent
显示字幕标题 boolean true 显示字幕标题 showTitle
显示子标题 boolean true 视频的 av 号和 bv 号 showSubtitleId
显示容器按钮 boolean true "时间轴锁定" 和 "跳过空白" showSubtitleButton
时间字体大小 (px) number 12 时间字体大小 timeFontSize
在时间前面显示图标 checkbox true 在时间前面显示图标, 便于辨认时间是开始时间还是结束时间 showTimeIcon
文本内容字体大小 (px) number 14 文本内容字体大小 contentFontSize
常规模式下的时间轴容器宽度 (px) number 411 常规模式下的时间轴容器宽度 normalContainerWidth
常规模式下的时间轴容器高度 (页面高度的百分比) number 70 常规模式下的时间轴容器高度 (页面高度的百分比) normalContainerHeightPercent
网页全屏模式下的时间轴容器宽度 (px) number 411 网页全屏模式下的时间轴容器宽度 webScreenContainerWidth

使用方法

安装网页拓展 脚本猫, 点击脚本详情页面的 安装脚本 按钮.

安装完成后, 进入任意 B 站视频页面, 点击脚本猫菜单中的 生成时间轴 即可在页面右侧加载时间轴容器. 如果启用了 自动加载时间轴 配置项, 进入视频页面时会自动生成时间轴.

示例

基础示例

  1. 打开一个 B 站视频页面(需要视频存在字幕, 包括 AI 自动生成或 UP 主手动上传的字幕).
  2. 点击脚本猫菜单中的 生成时间轴 按钮, 选择想要显示的字幕语言.
  3. 页面右侧将显示时间轴容器, 包含所有字幕行的时间和文本内容.
  4. 播放视频时, 当前播放的字幕行会自动高亮; 点击任意字幕行, 视频会跳转到对应时间点.

高级示例

  • 多字幕切换: 如果视频存在多个字幕(如不同语言), 可通过菜单按钮切换不同的字幕生成时间轴.
  • 快速复制与下载: 开启 自动复制时间 和 自动复制文本 配置后, 点击时间或文本即可一键复制; 通过时间轴左上角的 更多 按钮, 可下载当前字幕为 .srt 或 .ass 文件.
  • 自定义样式: 在脚本猫配置面板中, 可调整时间轴容器的宽度、高度、字体大小, 以及控制字幕标题、子标题、容器按钮的显示与隐藏.

许可证

GPL-3

问题反馈

如有问题或建议，请联系：

功能增加模板

脚本名称: Bilibili 视频时间轴
脚本版本: [如 2.0.0]
需要的新功能:
[...]

Bug提交模板

脚本名称: Bilibili 视频时间轴
脚本版本: [如 2.0.0]
使用的浏览器及其版本: [如 Google Chrome 版本 142.0.7444.61（正式版本） （64 位）]

出现的问题:
[...]

重现步骤:
1.
2.
3.

补充(如报错截图):