Coursera Subtitle Tuner:把课程字幕调到真正舒服的位置和大小
我做 Coursera Subtitle Tuner 的原因,来自一个很具体的学习痛点:看 Coursera / DeepLearning.AI 课程时,原生字幕有时候太大、太占屏幕空间,而且位置和样式不能按自己的习惯精细调整。
学习视频不是普通娱乐视频。我需要一边看老师讲解,一边看画面里的图示、代码或公式,再一边读字幕。如果字幕占据了太多画面,或者一直压在关键内容上,就会很影响注意力。这个扩展就是为了解决这个问题:给课程视频加一个 CC+ 面板,让我能调整字幕大小、位置、行高、透明度和背景。
Chrome Web Store 页面:
没有扩展之前:原生字幕太抢注意力,而且不好控制
下面这张图是在关闭 Coursera Subtitle Tuner 后重新加载 DeepLearning.AI 课程页截到的原生字幕状态。字幕当然能用,但在实际学习时,我会觉得它有几个问题:
- 字幕区域占用屏幕空间,容易遮挡视频内容。
- 字幕样式比较固定,不够美观。
- 字幕大小、位置、透明度不能按当前课程画面灵活调整。
- 看久了之后,注意力会被字幕块本身吸走,而不是停留在课程内容上。
这就是我开发这个扩展的原因:我不是想关闭字幕,而是想让字幕变得更可控、更适合学习。

安装扩展之后:用 CC+ 面板调整大小和位置
安装 Coursera Subtitle Tuner 后,播放器里会出现一个 CC+ 入口。打开后,我可以直接调整字幕位置、字号、行高、颜色、背景色、透明度等参数。
我在使用时最常调的是两个地方:把字幕大小调到更适合当前画面的比例,再把字幕位置移动到不遮挡重点内容的位置。这样字幕仍然保留,但不再主导整个画面。
更理想的效果不是把字幕固定到画面中间,而是让它跟着播放器状态自然变化:当播放条显示时,字幕刚好悬在播放条上方,不被控制栏挡住;当播放条自动消失时,字幕再自然下降到视频底部。
下面这张图是播放条显示时的效果。字幕被调到播放条上方,既不会挡住底部控制按钮,也不会跑到画面中间抢注意力。

下面这张图是播放条消失后的效果。字幕自然回到视频底部,画面更像正常观看状态,不会因为扩展一直占用中间区域。

它解决的具体问题
第一,是字幕占屏问题。
原生字幕太大或位置不合适时,会直接挡住课程画面。通过调整大小和位置,可以把字幕放到更不打扰的地方。
第二,是注意力问题。
学习时我希望注意力停留在课程内容上,而不是一直被字幕块吸走。透明度、背景和位置可调之后,字幕更像辅助信息。
第三,是不同课程需要不同字幕设置。
有些视频背景很亮,有些视频底部有代码或图示。固定样式很难适配所有课程,手动调节会更灵活。
第四,是截图和复盘更方便。
做笔记或截图时,我可以把字幕放到更合适的位置,让画面看起来更干净。
适合什么场景
我觉得它特别适合:
- 长时间看 Coursera 或 DeepLearning.AI 课程。
- 依赖英文字幕理解课程内容。
- 视频里有图示、代码、公式,需要避免字幕遮挡。
- 对默认字幕大小、位置或样式不满意。
- 做课程截图、笔记、复盘时希望画面更清爽。
如果你完全不看字幕,这个扩展的价值不会很强。但只要你经常依赖字幕学习,就会很容易理解它的意义:字幕不是越大越好,而是要刚好出现在合适的位置。
我的改进想法
后续我希望继续增强几个方向:
- 增加一键恢复默认设置。
- 支持“阅读模式”“小字幕模式”“截图模式”等预设。
- 按课程或站点保存不同配置。
- 首次打开视频时更明显地提示
CC+入口。
Coursera Subtitle Tuner 的定位很明确:它不是替代课程平台,而是把字幕这个学习入口调得更符合自己的习惯。真正提升体验的,往往就是这种每天都会遇到的小摩擦。