m3u8视频在线提取工具，免费好用自动合并视频碎片

m3u8视频格式原理：将完整的视频拆分成多个 .ts 视频碎片，.m3u8 文件详细记录每个视频片段的地址。视频播放时，会先读取 .m3u8 文件，再逐个下载播放 .ts 视频片段。常用于直播业务，也常用该方法规避视频窃取的风险。加大视频窃取难度。鉴于 m3u8 以上特点，无法简单通过视频链接下载，需使用特定下载软件。

m3u8 视频在线提取工具：https://www.dujin.org/tools/m3u8dl/

但软件下载过程繁琐，试错成本高。使用软件的下载情况不稳定，常出现浏览器正常播放，但软件下载速度慢，甚至无法正常下载的情况。软件被编译打包，无法了解内部运行机制，不清楚里面到底发生了什么。基于以上原因，开发了本工具。

工具特点

• 无需安装，打开网页即可用。
• 强制下载现有片段，无需等待完整视频下载完成。
• 操作直观，精确到视频碎片的操作。

功能说明

• 【解析下载】输入 m3u8 链接，点击下载视频。
• 【跨域复制代码】当资源出现跨域限制时，点击复制页面代码，在视频页面的控制台输入。将工具注入到视频页面中，解决跨域问题。
• 【重新下载错误片段】当部分视频片段下载失败时，点击该按钮，重新下载错误片段。
• 【强制下载现有片段】将已经下载好的视频片段强制整合下载。可以提前观看已经下载的片段。该操作不影响当前下载进程。
• 【片段Icon】对应每一个 .ts 视频片段的下载情况。「灰色」：待下载，「绿色」：下载成功，「红色」：下载失败。点击红色 Icon 可重新下载对应错误片段。

实现思路

下载并解析 m3u8 文件

• 直接通过 ajax 的 get 请求 m3u8 文件。得到 m3u8 文件的内容字符串。读取字符串进行解析。
• 需要注意的是，m3u8 文件不是 json 格式，不能将 dataType 设置为 json。

队列下载 ts 视频片段

• 同样使用 ajax 的 get 请求视频碎片，一个 ajax 请求一个 ts 视频碎片，但关键点在于，下载的是视频文件，属于二进制数据，需要将 responseType 请求头设置为 arraybuffer。xhr.responseType = ‘arraybuffer’
• 使用队列下载，是因为视频碎片太多，不可能一次性请求全部。需要分批下载。
• 同时由于浏览器同源并发限制，视频同时请求数不能过多。本工具设置为并发下载数为 10。

组合 ts 视频片段

• 看似很难，但其实使用 Blob 对象即可将多个 ts 文件整合成一个文件。new Blob()，传入 ts 文件数组。
• 这里有个小细节需要注意，需要在 new Blob 的第二个参数中设置文件的 MIME 类型，否则将默认为 txt 文件。const fileBlob = new Blob(fileDataList, { type: ‘video/MP2T’ })

自动下载

• 下载，当然先要获得文件链接，即刚生成的 Blob 文件链接。
• 使用 URL.createObjectURL，即可得到浏览器内存中，Blob 的文件链接。URL.createObjectURL(fileBlob)
• 最后，使用 a 标签的 a.download 属性，将 a 标签设置为下载功能。主动调用 click 事件a.click()。完成文件自动下载。