← 全部作品

Chrome 开源插件 / 2025.01

智云课堂字幕导出

期末复习,我想把课堂字幕导出来给 AI 整理

独立产品设计与开发校内论坛 · 十大热帖

期末周,智云自带的导出功能不好用,我想把字幕拿出来交给 AI 整理。一下午,用 Cursor 写了个插件,发到校内论坛。

01

一下午

2025 年新年,我在朵朵和 98 发了一个帖子。起因很简单:快考试了,智云课堂自带的导出功能不太好用,我想把字幕拿出来,去掉时间戳,存成文档,再交给 AI 整理课堂笔记。要做的事情很明确,就试着用 Cursor 写了一个浏览器插件。

当时我的代码水平,用原帖里的话说,是"大致能看懂但是实战 Hello World"。整个插件做了一下午,没有手写一行代码。不过页面里究竟有什么、需要把哪部分文字取出来,还是得自己看。

当时的字幕预览与导出界面,可以选择语言和文件格式。
02

tanslate

那天下午比较费眼睛的工作,是读智云的网页源码,找字幕到底存在哪个节点下面。给 Cursor 说明要取什么之前,我得先把它找到。最后还发现源码里把 translate 拼成了 tanslate。我在帖子里得意地写:"是的我们嘤砖牲就这点本事。"

找到字幕以后,就能围绕它做提取、预览和导出。插件提供中文、英文和双语三个选项,格式可以选 TXT、Word 或 Markdown。先预览一遍提取结果,再导出成自己后面要用的格式。

源码里的 tanslate,红圈是原帖中留下的标记。
当时的 Cursor 窗口和第一版发布说明。
03

英语课没法用

插件做出来以后,我发现英语课的字幕还有一个麻烦。当时智云默认按中文识别语音,英文部分是从识别出的中文再翻译过来的。一句英语先被听成一段奇怪的中文,翻译一遍以后,英文也跟着不对了。

所以我在原帖最后吐槽,这个插件对我们英专同学"好像并没有什么 luan 用"。字幕能导出来,识别错了的内容也一起导出来了。帖子里用来举例的文字是陈勃杭老师的《哲学问题》课程。

04

十大热帖

我把代码放到 GitHub,写了安装说明,在校内论坛发了帖。正好赶上期末季,帖子进了十大热帖。保留下来的截图里,它排在第十,有 5,768 次阅读、97 个赞和 17 条评论。

发布以后,我根据同学的反馈继续做适配,让插件支持东西区和北校区的课程页面。最初只想着自己复习时省一点事,后来要考虑其他同学打开不同的课,能不能一样导出字幕。这是我第一个公开发布、有人实际用起来的 Vibe Coding 产品。

发布帖进入校内十大热帖。阅读、点赞与评论数为截图时的记录。

作品与记录

代码和安装步骤放在 GitHub,想用的话可以照着说明装到浏览器里。

← 返回作品集查看经历与简历 ↗