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 站视频页面, 点击脚本猫菜单中的 生成时间轴 即可在页面右侧加载时间轴容器. 如果启用了 自动加载时间轴 配置项, 进入视频页面时会自动生成时间轴.

示例

基础示例

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

高级示例

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

许可证

GPL-3

问题反馈

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

邮箱: [email protected]
Github Issue: https://github.com/AliubYiero/Yiero_WebScripts/issues

功能增加模板

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

Bug提交模板

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

出现的问题:
[...]

重现步骤:
1.
2.
3.

补充(如报错截图):

Bilibili 视频时间轴

Bilibili 视频时间轴 说明文档

概述