项目背景
前段时间参与了一些线上的学习,学习的形式是腾讯会议的直播,最后还给出了会议录播地址,苦命打工人下班晚、很多时候赶不上听直播、只有去听录播内容了。
录播的好处就是可以自己随意控制进度和倍速,还能查看会议总结、转写全文和纪要,同时支持使用DeepSeek基于会议内容进行问答,便于掌握会议的整体内容和细节。
录播不好的地方就是无法与主持人和其他参会人员进行互动,就是一个冷冰冰的视频。
还有一个问题在于,看到动辄2个多小时的录制视频内容,一下就头大、不想从头再看了,要是有一个美观的总结页面,让我能够直观GET到会议的全貌和细节,那就再好不过了。
基于已有的内容进行可视化,这事DeepSeek很擅长,做成的页面简约美观,又能准确传达出必要的信息,先看效果:
这一下确实就比之前直接看视频或者阅读干巴巴的文字要清晰直观多了,学习欲一下就被激发了出来,要是当初上学有这么美观的书本,学习都会更加努力了。
但是,但是……
问题在于传给DeepSeek的内容怎么来呢?看来还是要从腾讯会议的转写内容开始,直接手动复制过来吗?但是又回到那个问题,2个多小时的全文转写内容,起码也是好几万字,一直往下拖着复制也不是马上就能复制下来的,就像这样?
看着就头晕眼花,而且鼠标一松还可能随时断,就前功尽弃、又得重新从头复制,而且复制的内容都没有保持原来的格式。要是有一个工具支持一键导出转写内容就好了!
3分钟开发1个油猴插件
最近一直在摸索AI编程,探索用AI编程做出一些能帮得上大家的实用工具,前面已经做出来了一个高考上岸头像生成器mp.weixin.qq.com/s/G09VsPLFE…
因为腾讯会议回放可以直接在浏览器打开,基于浏览器的工具开发一般为浏览器插件或者油猴脚本,考虑到功能相对单一,油猴脚本已经能实现想要的效果,因此选择开发油猴脚本。
做多了确实熟能生巧,用Trae(国际版)不到3分钟,就实现了基础功能。
1.新建项目文件夹
新建一个项目文件夹(例如Awesome Tampermonkey Scripts),使用Trae打开项目目录,项目专门用来存放后续开发的油猴插件。
在项目目录下新建一个子文件夹TencentMeetingTranscriptExporter,用于开发腾讯会议转写内容导出脚本。
因为功能实现相对简单,因此也可以不设置rules。如果进行更加复杂的系统功能开发,还是需要设置用户级和项目级的规则。
2.告诉Trae需要实现的功能和细节,让Trae按照要求进行开发
我选择了目前编程能力“最强”的Claude-4-Sonnet,3分钟不到,AI即写完了代码:
在油猴插件中添加新脚本后,并且在腾讯会议录制转写页面刷新页面后,即出现了导出转写/纪要按钮,并且格式还非常美观简约(看来前端程序员真的岌岌可危了):
3.细节优化
实际执行时,遇到了只能导出转写纪要、无法导出转写内容的情况,可能是转写内容太长了,于是让其进行优化:
经过第一轮优化,脚本已经可以导出转写内容了,但是又出现了新的问题:导出的转写内容并不完整,只导出了当前页面显示和前后临近的部分转写内容,可能是由于虚拟滚动机制的原因造成的。直接让Trae进行分析和解决:
Trae的分析和解决办法还是让人有点惊喜:直接分析出了类似飞书妙记脚本实用的滚动加载的方式来获取全部内容,并在腾讯会议转写的场景下也通过滚动加载来获取完整的转写内容。不得不说,AI确实强,精准分析和解决问题的能力都远胜于我!
最后就是一些格式的调整和细节的优化:
经过4、5轮的对话,就从零实现了一个油猴插件,并且满足了预期的需求。现在来看效果:
有了导出的 Markdown 、 HTML 和TXT等格式的转写内容,后面想用来自己学习总结、或者生成文章开始那样的美观页面,或者 打工人 拿来进行更加深入的会议总结好梳理,都可以自由发挥了。
开发技巧
基于浏览器开发插件和油猴脚本很多时候都要定位到HTML元素,比如腾讯会议录制转写页面的转写段落内容、对应时间、切换到的纪要Tab、纪要段落摘要和内容等,直接让AI实现相应的功能,AI一般基于通用的规则进行匹配,很有可能匹配不到,因此最好明确告诉AI需要用到的各个HTML元素的定位(包括XPath、selector、JS路径等),此时如果涉及到的元素很多,一个一个地复制工作量就很大。
此时有一个更好的方法:直接保存腾讯 会议录制 转写页面到本地 HTML 文件中,在使用Trae进行开发的时候将HTML文件内容作为上下文, 大模型 便可以根据HTML内容和结构进行自动寻找匹配的元素,而不需要再人为指定。
实际操作下来,确实不错:
基本上没有遇到因为元素定位不准而导致功能未实现的情况,一气呵成。
功能介绍和开源地址
核心功能:
- 📝 智能内容提取: 自动识别并提取腾讯会议录制视频的转写内容和会议纪要
- 🎯 多格式导出: 支持Markdown、HTML、TXT三种格式导出
- 📋 一键复制: 快速复制Markdown格式内容到剪贴板
- 🏷️ 智能命名: 导出文件自动使用会议标题命名,包含时间戳
- 🔄 Tab切换支持: 支持在转写和纪要Tab之间切换时分别导出对应内容
- 🎨 美观界面: 现代化的用户界面设计,操作简单直观
- ⚡ 实时反馈: 操作成功/失败的即时提示消息
下载地址:
- 👉GitHub开源地址:github.com/donggeai/Aw…
- 👉一键安装油猴脚本地址(Greasy Fork):greasyfork.org/zh-CN/scrip…
最后
真的,感觉用嘴编程的时代越来越近了,前端、后端、测试、运维甚至算法的工作会逐渐越来越多地被替代了,一句话定制开发软件的时代也越来越近了。
如果你对东哥分享的AI提效工具感兴趣,欢迎互动交流👇:
| 东哥的AI工具分享群:分享使用经验和建议 | 东哥的公众号——东哥说 AI:实时获取最新AI动态 |
|---|---|
如果你想获取文中涉及到的完整提示词,想自己进行实操,扫码上方卡片关注东哥后台回复关键词【提示词】即可免费领取!