帮大圣搬砖的一天，开课吧视频片段 chrome插件

船长的门徒算法课太硬，每一节都要反复看几次回放，然而看回放时候没有视频片段信息，不能准确找到自己想看的某个知识点的位置

我注意到，视频播放页面有片段详情一栏，但是从没见过里面的内容

然后我就寻思着，白嫖了大圣这么多课了，是该回报一些了

要钱是没有，那就帮大圣搬搬砖，把视频片段这个功能给做了吧，哈哈哈

所以，就献丑了。

仓库地址 github.com/MaShizhen/k…

功能演示

从仓库获取视频片段信息，并展示。点击可以调转播放

点击上图+号，增加片段

增加片段会存放在localStorage内，可以进行删除

点击2图分享图标，可以自动拷贝片段信息。

插件开发和使用流程

1. 运行项目

yarn
npm run dev
复制代码

2. 打开chrome浏览器拓展管理 chrome://extensions/

3. 点击左上角【加载已解压的拓展程序】，再选择该项目根目录

4. 打开 开课吧课程播放页面，learn.kaikeba.com/video/xxxxx…

TODO LIST

• 直播时，获取直播时间，维护片段信息
• 视频进度条显示片段
• github ci， 自动合并片段信息

补充

我这只是开了个头，插件功能和视频片段数据，还是需要社区和同学的共同维护

片段数据维护

course目录存放片段数据，可根据课程、章节、小结自行创建目录

片段文件的数据格式为

{
	"id": "视频id，即 https://learn.kaikeba.com/video/ 后的数值" ,
	"fragments": [
		{
			"title": "片段名称",
			"timestamp": 100
		}
	]
}

复制代码