大家好,最近我发现了一个特别实用的小技巧,对于经常要复盘会议、整理纪要的朋友来说绝对是神器。

痛点分析 咱们平时用腾讯会议,开会自动录像是常态。但是呢,录像文件很大,想找个重点还得反复拖进度条听,效率太低了。虽然它有“转写”功能,但有时候我们只想快速导出文本,或者在网页端查看时想把内容复制下来,偏偏官方并没有提供直接的“一键导出逐字稿”按钮,复制起来还得一段一段选,烦死人。

解决方案 既然官方没给,那我们就自己动手丰衣足食。其实腾讯会议的网页版回放,在加载逐字稿时,数据都藏在网络请求或者页面 DOM 里。我们只需要写一段简短的代码,就能把这些文本“抓”出来。

不需要配置复杂的环境,也不用懂高深的后端知识,只要浏览器能用就行。

操作思路详解 核心思路其实很简单:

  1. 定位数据源:在浏览器开发者工具(F12)中,观察网页回放时的网络请求(Fetch/XHR),通常逐字稿数据会以 JSON 格式返回。
  2. 编写提取脚本:写一段 JavaScript,去遍历这些数据节点,把说话人、时间戳和对应的文本内容拼接起来。
  3. 一键导出:处理成整齐的格式,方便直接粘贴到笔记软件里。

腾讯会议网页版回放界面

腾讯会议网页版回放界面,展示逐字稿区域

代码实现逻辑(参考版) 这里提供一个核心逻辑的代码框架,大家可以根据实际网页结构微调(因为网页 DOM 结构可能会随官方更新而变):

// 这是一个概念性的代码片段,用于演示提取逻辑
// 实际使用时,需要在浏览器控制台(Console)运行,并适配当前页面的DOM结构

function extractTranscript() {
    const transcriptElements = document.querySelectorAll('.transcript-item'); // 假设这是逐字稿的类名,需根据实际页面检查
    let fullText = '';

transcriptElements.forEach((item, index) => {
        // 获取说话人
        const speaker = item.querySelector('.speaker-name')?.innerText || '未知';
        // 获取内容
        const text = item.querySelector('.content-text')?.innerText || '';
        // 获取时间(如果有)
        const time = item.querySelector('.timestamp')?.innerText || '';

if (text) {
            fullText += `[${time}] ${speaker}: ${text}\n\n`;
        }
    });

console.log(fullText);
    // 甚至可以自动复制到剪贴板
    navigator.clipboard.writeText(fullText).then(() => {
        alert('逐字稿已复制到剪贴板!');
    });
}

![浏览器开发者工具 Network 面板](/media-load/019f37c7-8c44-73f1-8c90-9fc611052d2c)

*在浏览器开发者工具中查看网络请求*

extractTranscript();

进阶玩法:自动化与API 如果你手头有大量会议录像要处理,手动打开网页运行脚本还是有点累。这时候可以考虑用 Python + Selenium 或者 Playwright。

  1. 模拟登录:脚本自动登录腾讯会议网页版。
  2. 进入回放页:定位到指定的会议链接。
  3. 监听数据:Selenium 可以直接捕获底层的网络响应,直接读取返回的 JSON 数据,比解析 DOM 更稳定。
  4. 导出 Markdown:把提取到的内容自动生成 .md 文件,甚至可以配合大模型(比如国内的 Kimi、通义千问)来生成会议摘要。

避坑指南 折腾的过程中,我也总结了几点经验:

  • 权限问题:必须是会议主持人或拥有回放权限的人才能看到逐字稿,别代码写好了结果没权限进去。
  • 动态加载:有些网页的逐字稿是滑到底部才加载的,代码里可能需要模拟滚动操作,或者直接找那个最大的数据接口。
  • 反爬限制:如果是大规模自动化操作,注意频率,别把账号搞风控了。

总结 虽然这个小工具看着简单,但它解决的是实实在在的效率问题。对于我们这种打工人来说,能省下 10 分钟摸鱼也是好的。如果有兴趣的朋友,不妨试着去浏览器控制台里扒拉一下,你会发现数据都在那儿躺着,等你去调用。

如果有遇到具体报错或者不知道怎么找 DOM 节点的,欢迎在评论区留言,咱们一起研究!

标签: none

AI Skills Smart Station on Nick Launches

评论已关闭