在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:m3u8-downloader开源软件地址:https://gitee.com/jin2014/m3u8-downloader开源软件介绍:本项目基于https://github.com/Momo707577045/m3u8-downloader 进行修改,增加自动解析视频真实播放地址,支持视频清晰度选择下载。 以下内容为原作者所写: m3u8 视频在线提取工具(English version)工具在线地址,推荐使用 chrome 浏览器。研发背景
工具特点
功能说明【解析下载】输入 m3u8 链接,点击下载视频。【跨域复制代码】当资源出现跨域限制时,点击复制页面代码,在视频页面的控制台输入。将工具注入到视频页面中,解决跨域问题。【重新下载错误片段】当部分视频片段下载失败时,点击该按钮,重新下载错误片段。【强制下载现有片段】将已经下载好的视频片段强制整合下载。可以提前观看已经下载的片段。该操作不影响当前下载进程。【片段Icon】对应每一个 .ts 视频片段的下载情况。「灰色」:待下载,「绿色」:下载成功,「红色」:下载失败。点击红色 Icon 可重新下载对应错误片段。 使用说明
异常情况【无法下载,没有显示片段Icon】
【下载后的视频资源不可看】
实现思路【下载并解析 m3u8 文件】
核心代码【整合及自动下载】 // 下载整合后的TS文件 downloadFile(fileDataList, fileName, fileType) { this.tips = 'ts 碎片整合中,请留意浏览器下载' const fileBlob = new Blob(fileDataList, { type: 'video/MP2T' }) // 创建一个Blob对象,并设置文件的 MIME 类型 const a = document.createElement('a') a.download = fileName + '.' + fileType a.href = URL.createObjectURL(fileBlob) a.style.display = 'none' document.body.appendChild(a) a.click() a.remove() }, 是的,涉及新知识点的部分只有上面一小段,其他的都是 JS 的基础应用。 除了 vue.js 文件,本工具代码均包含在 index.html 文件里面。包括换行,一共 540 行代码,其中 css 样式 190 行,html 标签 30 行。JS 逻辑代码 300 行。 罗列这些代码量只是想表明,本工具运用到的都只是 JS 的常见知识,并不复杂。鼓励大家多尝试阅读源码,其实看源码并没有想象中的那么困难。 源码链接AES 常规解密功能
MP4 转码功能第三方接入
油猴插件
完结撒花,感谢阅读。 |
请发表评论