把网页里的 M3U8 分片存成一个 MP4,猫抓插件:视频嗅探与流媒体下载的浏览器插件
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
这篇文章教你用猫抓插件(Cat-Catch)这个浏览器插件识别网页里的媒体资源并下载到本地,以及把 M3U8 这类分段流合并成可播放的文件。适合需要保存网页视频、音频,用于离线观看、学习或归档的人。不需要技术背景,读完大约五分钟。
从一次真实的保存操作说起
上周我想存一份公开课回放,在播放器上右键"视频另存为",只拿到几 KB 没用的数据。于是我打开了猫抓插件,点了一下浏览器右上角的图标。弹出来的窗口里,页面加载过的媒体文件已经排好队:每一行显示文件名和大小,下面跟着标题、MIME 类型、时长、分辨率和原始资源地址。我在列表里找到对应公开课的那个 MP4,勾选,下载,结束。
猫抓插件主界面:列出当前页面嗅探到的资源,每行带预览与下载按钮,底部还有全选、反选、下载所选等批量操作。
它是怎么做资源嗅探的
猫抓插件干的事情拆开来看就三步:监听浏览器在页面上发出的网络请求,按扩展名和 MIME 类型判断哪些是媒体文件,再把它们分类摆进上面那个列表。你不用看代码,也不用手动猜地址。所有嗅探和下载处理都在浏览器本地完成,工具不会把你的数据上传到任何服务器。
M3U8 解析:把分段视频拼成完整 MP4
当资源不是单个文件,而是一份叫 m3u8 的播放列表时,右键另存就失效了。不少在线课程和直播回放用的就是这种做法:视频被切成成百上千个 .ts 小分片,m3u8 只是一份"目录"。猫抓插件内置了 M3U8 解析器,我第一次用它解析时的体验是:贴上链接点解析,分片列表、总时长、分辨率直接出来。
先把 m3u8 链接复制下来(浏览器网络面板里找,或直接从猫抓的资源列表里复制),然后按下面五步走:
- 把 m3u8 地址贴到解析器顶部的输入框,点解析;
- 解析完成后确认分片数量、总时长和分辨率;如果视频是加密的,在"自定义密钥"里填 key(16 进制或 base64),需要时再调 IV 偏移;
- 设置下载线程数和下载范围,可以先只下载开头几分钟验证结果;
- 输出格式选 MP4;如果只要音轨,比如提取背景音乐,勾选"只要音频",保存出来的就是 MP3;
- 点"合并下载",完成后得到一个可直接播放的 MP4,存放在你指定的位置。
猫抓插件 M3U8 解析器:顶部为播放列表地址,中部是所有 .ts 分片,底部是线程、范围、解密与格式设置。
解析器的主要能力可以归成下面一张表:
| 能力 | 说明 |
|---|---|
| AES-128 解密 | 支持自定义密钥与 IV,处理加密流 |
| 分片并行下载 | 多线程同时拉取 .ts 分片,线程数可调 |
| 自动合并 MP4 | 分片拼成单个 MP4 文件直接落盘 |
| 纯音频提取 | 输出 MP3,适合保存背景音乐、播客和学习音频 |
其他值得知道的能力
- 批量选择与一键下载:弹层里带全选、反选、下载所选,保存整套课程或收集参考素材时,勾选后一次下载,不用逐个点。
- 十种语言界面:插件提供中文、英文、日文、韩文、西班牙文等十种语言,翻译文件都在 _locales/ 目录里。
- 二维码跳转移动端:在电脑上找到资源后可以生成二维码,手机扫码即可继续,方便多设备同步资源,或把链接转给同事。
猫抓插件浏览器插件怎么装
方式一:在浏览器扩展商店里搜"猫抓"或"Cat-Catch",选官方那一个装上,半分钟的事。
方式二:从源码安装,适合想要最新版或想改代码的人:
- 克隆仓库:
git clone https://gitcode.com/GitHub_Trending/ca/cat-catch- 在浏览器扩展管理页打开"开发者模式";
- 点"加载已解压的扩展程序",选中克隆下来的文件夹。
几句该说的话
版权上:只下载你自己拥有或已获授权的内容,拿到的受保护资料不要擅自再分发。隐私上:猫抓插件全程本地处理,代码开源,你随时可以翻一遍确认它干了什么。如果某个网站不希望你用工具嗅探它的页面,可以提交申请,把域名加入避免抓取列表,猫抓插件之后会停掉对该站的操作。
想试试的话,去商店装一个,或者随便打开一个带视频的网页,点一下猫抓插件图标,看看它列出来的资源。想看代码的话,可以从仓库里这几个目录入手:核心嗅探脚本 catch-script/、插件主逻辑 js/、多语言配置 _locales/。
【免费下载链接】cat-catch猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考