如何自动化提取Teachable/Hotmart视频字幕？现有方案待优化

我花了数小时研究，摸索出一套半自动提取Teachable/Hotmart视频字幕的方法，现在想找到自动化实现的路径。当前核心问题是视频数据嵌入在<iframe>中，受CORS规则限制无法从外部访问其内容，且带字幕的视频无法通过常规用户界面加载。

半自动提取流程 #

• 在Chrome或Edge浏览器中打开目标视频
• 暂停视频，定位到字幕提取的起始位置（确保首个待提取字幕尚未显示）
• 右键点击视频区域，选择「检查」打开开发者面板
• 在「Elements」标签页中，沿着元素树找到对应视频区域的节点，直至定位到src参数以https://player.hotmart.com开头的<iframe>节点
• 展开该<iframe>节点下的#document/<html>/<head>节点
• 在<head>节点上右键选择「Edit as HTML」，将空的<script></script>节点替换为以下代码
• 清空控制台标签页的内容
• 播放需要提取字幕的视频片段
• 将控制台日志保存为文本文件
• 使用文本编辑器移除日志中的多余内容及行号

替换用代码 #

<script>
var txt="";
(function checkSend() {
    var pres = document.getElementsByTagName("pre");
    if (pres.length>0) {
        var t=pres[0].innerHTML;
        if (t!=txt) {
            txt=t;
            window.console.log(t);
        }
    }
    setTimeout(checkSend, 1000);
})();
</script>

内容的提问来源于stack exchange，提问作者JarmoP