一个精简的 Chrome 扩展,只做两件事:
- 加载本地
.srt字幕文件 - 在当前网页的 HTML5
video元素上同步显示字幕
- 支持在插件弹窗中选择或拖拽
.srt文件 - 使用
chrome.storage.local保存当前字幕内容和开关状态 - 自动检测当前页面最主要的视频元素,并在视频区域底部显示字幕
不包含以下能力:
- 登录
- 下载
- 更新检查
- 远程接口请求
- 站点特化逻辑
- 下载本项目
- 浏览器打开
chrome://extensions/ - 开启“开发者模式”
- 选择“加载已解压的扩展程序”
- 选择当前项目目录
- 打开包含 HTML5 视频的网页
- 点击扩展图标
- 导入本地
.srt文件 - 播放视频,字幕会显示在视频底部
MIT
srtdemo/
├── manifest.json
├── popup.html
├── popup.js
├── content.js
├── srt-parser.js
├── styles.css
├── example.srt
└── README.md
1
00:00:01,000 --> 00:00:03,500
第一行字幕
2
00:00:04,000 --> 00:00:06,000
第二行字幕