钉钉群直播提取视频文件
|
31,926
|
406
|
杂谈
|

1244 字
|
6 分钟
本文最后更新于 326 天前，其中的信息可能已经有所发展或是发生改变。
Tips
如果您打开yzxoi的网盘下载链接页面为白色，请检查浏览器是否使用chrome内核或者使用极速模式，建议使用Google Chrome浏览器

本教程仅供学习研究使用！！！

教程更新了若干次，2020->2021.04->2021.06，如果知友们发现又失效了请联系我。

目前给定两种方案，若视频是在 2021.06 之前的，可以采用第一种方案，如果是在 2021.06 之后的/第一种方案抓不到 M3U8的，可以采用另一种方案，文末会放 FAQ。

（壹）适用于2021.06 之前的回放视频

一、安装Fiddler

提供个官网下载链接，同样，再带一个比较友好的下载链接：https://wwa.lanzoui.com/b016dlm4d 密码:fvap。

二、设置Fiddler捕捉HTTPS流量

点击Tools，选择Options…

三、开始抓包

P.S.如果您觉得左侧栏东西有点多可以先remove点。

在钉钉内播放群直播回放，然后返回Fiddler界面。Ctrl+F进入搜索.m3u8即可找到文件。

然后就会自动为您标黄底黑字一条记录，右键。

随便保存一个位置。

随便找个文本编辑器，粘贴复制的url地址，删掉尾缀。

把 M3U8文件拖入下载器（下载器的 Github Repo，也可以一键下载，当然也可以在我的网盘链接中下载，并解压，打开 ***SimpleG.exe），填入BASEURL。

之后点击 GO 开始下载即可。下载完成后默认保存在该目录的Downloads文件夹内。

（贰）适用于 2021.06 之后/第一种抓不到 m3u8 文件的回放视频

一二步与（壹）相同，这里不重复提。

三、中间人注入

选中 Fiddler Script。

选择 OnBeforeResponse，会自动定位。

var sToInsert = "<script src='https://cdn.jsdelivr.net/gh/Tencent/[email protected]/dist/vconsole.min.js'></script><script>var vConsole = new VConsole();</script>"
oSession.utilDecodeResponse();
oSession.utilReplaceOnceInResponse('</head>', sToInsert + '</head>', 0);

上图应该是 3.8.1 的 vConsole ，懒得重新换图了（

四、监测流量

打开钉钉回放页面，发现右下角多了 vConsole，一个绿色的按钮。点击这个按钮，填入以下代码：

vConsole.showTab("network");

然后丢到 M3U8 下载器（下载器的 Github Repo，也可以一键下载，当然也可以在我的网盘链接中下载，并解压，打开 ***SimpleG.exe）里下载：

等待下载完成即可，下载后的视频在 M3U8 下载器目录下 Downloads 文件夹内。

钉钉云课堂回放下载

有知友向我提问，能否下载云课堂回放，其实也可以，比直播回放更加简单：打开 Fiddler，点开视频回放：

返回 Fiddler，按下 Ctrl+F，搜索 `.mp4`

右键那一条目，Copy – Just Url。

然后粘贴到浏览器地址栏或者任何其他下载器即可下载。

FAQ

Upd:如果点开视频后抓包软件无反应怎么办？

检查钉钉登录时是否打开了使用代理。

Upd:如果抓包显示内容unknown怎么办？

检查抓包软件的SSL证书是否安装正常，可以尝试重新安装一次。

Upd:如果抓包显示证书错误怎么办？

在证书安装的设置中勾选 Check for certificate revocation 选项。或者尝试右上角的 Actions，Reset all

Upd:如果需要下载多个视频，比较麻烦怎么办？

可以先抓出所有 M3U8链接，有三种方法批量下载：

  1. 将m3u8链接每行一个存入一个.txt文件，然后将文件直接拖到M3U8地址文本框，点击GO按钮
  2. 将m3u8文件存到一个文件夹中，然后将文件夹直接拖到M3U8地址文本框，点击GO按钮
  3. 新建txt,每行以name,url形式写

记得别忘记填 BASEURL 哦~

Upd:如果遇到 M3U8 下载器下载时出现 Error in reading file 怎么办？

检查 BASEURL 末尾是否加上了 ‘/’

Upd:如果遇到 Fiddler 出现以下小黄条怎么办？

尝试点击黄条中央文字，看下是否可以正常工作。如果不行，可以尝试关闭系统代理，重启 Fiddler。

如果遇到任何问题可以在我的博客文章下方评论栏提出（或者知乎评论也行），我会尽力解答的啦~

如若您觉得我的教程对您有帮助，可以在文末点击赞赏，请我喝杯咖啡，谢谢啦~

钉钉

评论

  1. 黄
    Windows Chrome 101.0.4951.67
    5天前
    2022-5-16 22:18:41

    作者您好 这个脚本在运行时 提示脚本异常，在钉钉中已经不出现那个vConsole了

    • 叶
      黄
      Windows Chrome 86.0.4240.198
      4天前
      2022-5-17 19:11:07

      我也今天刚发现了，同请大佬解决一下，万分感谢！~~

      • 黄
        叶
        Windows Chrome 101.0.4951.67
        10小时前
        2022-5-21 21:02:37

        有位网友在评论区回复方法了

        • 叶
          黄
          Windows Chrome 86.0.4240.198
          9小时前
          2022-5-21 22:05:53

          感谢感谢，我刚试了一下，又可以正常下载了。感谢您，也感谢那位大神的回复。

    • dding
      黄
      Windows Firefox 91.0
      已编辑
      2天前
      2022-5-20 0:40:01

      将插入 OnBeforeResponse 中的第一行改为 var sToInsert = "<script src='https://unpkg.com/[email protected]/dist/vconsole.min.js'></script><script>var vConsole = new window.VConsole();</script>"，将使用的命令由 vConsole.showTab("network"); 换成 vConsole.showPlugin("network");。就行了。

      • 黄
        dding
        Windows Chrome 101.0.4951.67
        10小时前
        2022-5-21 20:59:44

        感谢大佬赐教

      • 叶
        dding
        Windows Chrome 86.0.4240.198
        9小时前
        2022-5-21 22:07:11

        感谢大神赐教，太感谢了~又可以正常下载了。感激不尽！~~~

  4. abb
    Windows Chrome 99.0.4844.51
    1月前
    2022-4-13 3:41:48

    m3u8 地址无效怎么办啊

    • abb
      abb
      Windows Chrome 99.0.4844.51
      1月前
      2022-4-13 4:31:37

      找到解决方法了：在控制台（小绿框）下面的command输入
      // 注入html
      let $section = document.createElement(‘section’)
      $section.innerHTML = `<!doctype html>
      <html lang=”en”>

      m3u8 downloader

      /*全局设置*/
      html, body {
      margin: 0;
      padding: 0;
      }
      body::-webkit-scrollbar { display: none}
      p {
      margin: 0;
      }
      [v-cloak] {
      display: none;
      }
      #m-app {
      height: 100%;
      width: 100%;
      text-align: center;
      padding: 10px 50px 80px;
      box-sizing: border-box;
      }
      .m-p-action {
      margin: 20px auto;
      max-width: 1100px;
      width: 100%;
      font-size: 35px;
      text-align: center;
      font-weight: bold;
      }
      .m-p-other, .m-p-tamper, .m-p-github, .m-p-language {
      position: fixed;
      right: 50px;
      background-color: #eff3f6;
      background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
      color: #24292e;
      border: 1px solid rgba(27, 31, 35, .2);
      border-radius: 3px;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      padding: 6px 12px;
      z-index: 99;
      }
      .m-p-help {
      position: fixed;
      right: 50px;
      top: 50px;
      width: 30px;
      height: 30px;
      color: #666666;
      z-index: 2;
      line-height: 30px;
      font-weight: bolder;
      border-radius: 50%;
      border: 1px solid rgba(27, 31, 35, .2);
      cursor: pointer;
      background-color: #eff3f6;
      background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
      }
      .m-p-github:hover, .m-p-other:hover, .m-p-tamper:hover, .m-p-help:hover, .m-p-language:hover {
      opacity: 0.9;
      }
      .m-p-language {
      bottom: 70px;
      }
      .m-p-other {
      bottom: 110px;
      }
      .m-p-tamper {
      bottom: 30px;
      }
      .m-p-github {
      bottom: 150px;
      }
      /*广告*/
      .m-p-refer {
      position: absolute;
      left: 50px;
      bottom: 50px;
      }
      .m-p-refer .text {
      position: absolute;
      top: -80px;
      left: -40px;
      animation-name: upAnimation;
      transform-origin: center bottom;
      animation-duration: 2s;
      animation-fill-mode: both;
      animation-iteration-count: infinite;
      animation-delay: .5s;
      }
      .m-p-refer .close {
      display: block;
      position: absolute;
      top: -110px;
      right: -50px;
      padding: 0;
      margin: 0;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      z-index: 3;
      transition: 0.3s all;
      background-size: 30px 30px;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url(https://blog.luckly-mjw.cn/tool-show/m3u8-downloader/imgs/close.png);
      background-color: rgba(0, 0, 0, 0.5);
      }
      .m-p-refer .close:hover {
      background-color: rgba(0, 0, 0, 0.8);
      }
      .m-p-refer .link {
      border-radius: 4px;
      text-decoration: none;
      background-color: #4E84E6;
      transition: 0.3s all;
      }
      .m-p-refer .link:hover {
      top: -10px;
      color: #333333;
      border: 1px solid transparent;
      background: rgba(0, 0, 0, 0.6);
      box-shadow: 2px 11px 20px 0 rgba(0, 0, 0, 0.6);
      }
      @keyframes upAnimation {
      0% {
      transform: rotate(0deg);
      transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
      }

      10% {
  transform: rotate(-12deg);
  transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

20% {
  transform: rotate(12deg);
  transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

28% {
  transform: rotate(-10deg);
  transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

36% {
  transform: rotate(10deg);
  transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
}

42% {
  transform: rotate(-8deg);
  transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
}

48% {
  transform: rotate(8deg);
  transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
}

52% {
  transform: rotate(-4deg);
  transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
}

56% {
  transform: rotate(4deg);
  transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
}

60% {
  transform: rotate(0deg);
  transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
}

100% {
  transform: rotate(0deg);
  transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
}

      }
      /顶部信息录入/
      .m-p-temp-url {
      padding-top: 50px;
      padding-bottom: 10px;
      width: 100%;
      color: #999999;
      text-align: left;
      font-style: italic;
      word-break: break-all;
      }
      .m-p-input-container {
      display: flex;
      }
      .m-p-input-container input {
      flex: 1;
      margin-bottom: 30px;
      display: block;
      width: 280px;
      padding: 16px;
      font-size: 24px;
      border-radius: 4px;
      box-shadow: none;
      color: #444444;
      border: 1px solid #cccccc;
      }
      .m-p-input-container .range-input {
      margin-left: 10px;
      flex: 0 0 100px;
      width: 100px;
      box-sizing: border-box;
      }
      .m-p-input-container div {
      position: relative;
      display: inline-block;
      margin-left: 10px;
      height: 60px;
      line-height: 60px;
      font-size: 24px;
      color: white;
      cursor: pointer;
      border-radius: 4px;
      border: 1px solid #eeeeee;
      background-color: #3D8AC7;
      opacity: 1;
      transition: 0.3s all;
      }
      .m-p-input-container div:hover {
      opacity: 0.9;
      }
      .m-p-input-container div {
      width: 200px;
      }
      .m-p-input-container .disable {
      cursor: not-allowed;
      background-color: #dddddd;
      }
      /下载状态/
      .m-p-line {
      margin: 20px 0 50px;
      vertical-align: top;
      width: 100%;
      height: 5px;
      border-bottom: dotted;
      }
      .m-p-tips {
      width: 100%;
      color: #999999;
      text-align: left;
      font-style: italic;
      word-break: break-all;
      }
      .m-p-tips p {
      width: 100px;
      display: inline-block;
      }
      .m-p-tips.error-tips{
      color: #DC5350;
      }
      .m-p-segment {
      text-align: left;
      }
      .m-p-segment .item {
      display: inline-block;
      margin: 10px 6px;
      width: 50px;
      height: 40px;
      color: white;
      line-height: 40px;
      text-align: center;
      border-radius: 4px;
      cursor: help;
      border: solid 1px #eeeeee;
      background-color: #dddddd;
      transition: 0.3s all;
      }
      .m-p-segment .finish {
      background-color: #0ACD76;
      }
      .m-p-segment .error {
      cursor: pointer;
      background-color: #DC5350;
      }
      .m-p-segment .error:hover {
      opacity: 0.9;
      }
      .m-p-cross, .m-p-final {
      display: inline-block;
      width: 100%;
      height: 50px;
      line-height: 50px;
      font-size: 20px;
      color: white;
      cursor: pointer;
      border-radius: 4px;
      border: 1px solid #eeeeee;
      background-color: #3D8AC7;
      opacity: 1;
      transition: 0.3s all;
      }
      .m-p-final {
      margin-top: 10px;
      text-decoration: none;
      }
      .m-p-force, .m-p-retry {
      position: absolute;
      right: 50px;
      display: inline-block;
      padding: 6px 12px;
      font-size: 18px;
      color: white;
      cursor: pointer;
      border-radius: 4px;
      border: 1px solid #eeeeee;
      background-color: #3D8AC7;
      opacity: 1;
      transition: 0.3s all;
      }
      .m-p-retry {
      right: 250px;
      }
      .m-p-force:hover, .m-p-retry:hover {
      opacity: 0.9;
      }

      var vConsole = new VConsole();

      页面加载中，请耐心等待…

      推荐一个 m3u8 网页版提取工具，无需下载软件，打开网站即可下载，自动检测，一键下载。
      工具链接：https://blog.luckly-mjw.cn/tool-show/m3u8-downloader/index.html
      工具教程：https://segmentfault.com/a/1190000021847172?_ea=32289224


      查看图片
      m3u8 视频下载工具


      点击跳转


      {{tips}}
      ?
      手动添加油猴插件
      github
      其他实用工具
      English version

      <a v-if=”isShowRefer” class=”m-p-refer” target=”_blank” href=”https://segmentfault.com/a/1190000024416860“>
      <img src=”https://blog.luckly-mjw.cn/tool-show/m3u8-downloader/imgs/001.png” class=”link”>
      <img src=”https://blog.luckly-mjw.cn/tool-show/m3u8-downloader/imgs/003.png” class=”text”>
      <i class=”close” @click.prevent=”isShowRefer=false”>


      <div class=”m-p-temp-url”>测试链接：http://1257120875.vod2.myqcloud.com/0ef121cdvodtransgzp1257120875/3055695e5285890780828799271/v.f230.m3u8
      <section class=”m-p-input-container”>
      <input type=”text” v-model=”url” :disabled=”downloading” placeholder=”请输入 m3u8 链接”>

      <!--范围查询-->
<template v-if="!downloading || rangeDownload.isShowRange">
  <div v-if="!rangeDownload.isShowRange" @click="getM3U8(true)">特定范围下载</div>
  <template v-else>
    <input class="range-input" type="number" v-model="rangeDownload.startSegment" :disabled="downloading" placeholder="起始片段">
    <input class="range-input" type="number" v-model="rangeDownload.endSegment" :disabled="downloading" placeholder="截止片段">
  </template>
</template>

<!--还未开始下载-->
<template v-if="!downloading">
  <div @click="getM3U8(false)">原格式下载</div>
  <div @click="getMP4">转码为MP4下载</div>
</template>
<div v-else-if="finishNum === rangeDownload.targetSegment && rangeDownload.targetSegment > 0" class="disable">下载完成</div>
<div v-else @click="togglePause">{{ isPause ? '恢复下载' : '暂停下载' }}</div>

      <div class=”m-p-cross” @click=”copyCode”>当无法下载，资源发生跨域限制时，在视频源页面打开控制台，注入代码解决，点击本按钮复制代码
      <a class=”m-p-final” target=”_blank” href=”https://segmentfault.com/a/1190000025182822“>下载的视频看不了？试试这个终结解决方案「无差别视频提取工具」，有配套「油猴」插件啦！！！
      <template v-if=”finishList.length > 0″>
      <div class=”m-p-line”>
      <div class=”m-p-retry” v-if=”errorNum && downloadIndex >= rangeDownload.targetSegment” @click=”retryAll”>重新下载错误片段
      <div class=”m-p-force” v-if=”mediaFileList.length” @click=”forceDownload”>强制下载现有片段
      <div class=”m-p-tips”>待下载碎片总量：{{ rangeDownload.targetSegment }}，已下载：{{ finishNum }}，错误：{{ errorNum }}，进度：{{ (finishNum / rangeDownload.targetSegment * 100).toFixed(2) }}%
      <div class=”m-p-tips” :class=”[errorNum ? ‘error-tips’ : ”]”>若某视频碎片下载发生错误，将标记为红色，可点击相应图标进行重试
      <section class=”m-p-segment”>
      <div class=”item” v-for=”(item, index) in finishList” :class=”[item.status]” :title=”item.title” @click=”retry(index)”>{{ index + 1 }}

      var _hmt = _hmt || [];
      (function () {
      var hm = document.createElement(“script”);
      hm.src = “https://hm.baidu.com/hm.js?1f12b0865d866ae1b93514870d93ce89”;
      var s = document.getElementsByTagName(“script”)[0];
      s.parentNode.insertBefore(hm, s);
      })();

      `
      $section.style.width = ‘100%’
      $section.style.height = ‘800px’
      $section.style.top = ‘0’
      $section.style.left = ‘0’
      $section.style.position = ‘relative’
      $section.style.zIndex = ‘9999’
      $section.style.backgroundColor = ‘white’
      document.body.appendChild($section);

            // 加载 ASE 解密
      let $ase = document.createElement('script')
      $ase.src = 'https://upyun.luckly-mjw.cn/lib/aes-decryptor.js'

      // 加载 mp4 转码
      let $mp4 = document.createElement('script')
      $mp4.src = 'https://upyun.luckly-mjw.cn/lib/mux-mp4.js'

      // 加载 vue
      let $vue = document.createElement('script')
      $vue.src = 'https://upyun.luckly-mjw.cn/lib/vue.js'

      // 监听 vue 加载完成，执行业务代码
      $vue.addEventListener('load', () => {

      document.getElementById(‘loading’) && document.getElementById(‘loading’).remove()
      new Vue({
      el: ‘#m-app’,
      data() {
      return {
      url: ”, // 在线链接
      tips: ‘m3u8 视频在线提取工具’, // 顶部提示
      isPause: false, // 是否暂停下载
      isGetMP4: false, // 是否转码为 MP4 下载
      durationSecond: 0, // 视频持续时长
      isShowRefer: true, // 是否显示推送
      downloading: false, // 是否下载中
      beginTime: ”, // 开始下载的时间
      errorNum: 0, // 错误数
      finishNum: 0, // 已下载数
      downloadIndex: 0, // 当前下载片段
      finishList: [], // 下载完成项目
      tsUrlList: [], // ts URL数组
      mediaFileList: [], // 下载的媒体数组
      rangeDownload: { // 特定范围下载
      isShowRange: false, // 是否显示范围下载
      startSegment: ”, // 起始片段
      endSegment: ”, // 截止片段
      targetSegment: 1, // 待下载片段
      },
      aesConf: { // AES 视频解密配置
      method: ”, // 加密算法
      uri: ”, // key 所在文件路径
      iv: ”, // 偏移值
      key: ”, // 秘钥
      decryptor: null, // 解码器对象

          stringToBuffer: function (str) {
      return new TextEncoder().encode(str)
    },
  },
}

      },
      created() {
      this.getSource();
      window.addEventListener(‘keyup’, this.onKeyup)
      },
      beforeDestroy() {
      window.removeEventListener(‘keyup’, this.onKeyup)
      },
      methods: {
      // 获取链接中携带的资源链接
      getSource() {
      let { href } = location
      if (href.indexOf(‘?source=’) > -1) {
      this.url = href.split(‘?source=’)[1]
      }
      },

      // 退出弹窗
onKeyup(event) {
  if (event.keyCode === 13) { // 键入ESC
    this.getM3U8()
  }
},

// ajax 请求
ajax(options) {
  options = options || {};
  let xhr = new XMLHttpRequest();
  if (options.type === 'file') {
    xhr.responseType = 'arraybuffer';
  }

  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
      let status = xhr.status;
      if (status >= 200 && status < 300) {
        options.success && options.success(xhr.response);
      } else {
        options.fail && options.fail(status);
      }
    }
  };

  xhr.open("GET", options.url, true);
  xhr.send(null);
},

// 合成URL
applyURL(targetURL, baseURL) {
  baseURL = baseURL || location.href
  if (targetURL.indexOf('http') === 0) {
    return targetURL
  } else if (targetURL[0] === '/') {
    let domain = baseURL.split('/')
    return domain[0] + '//' + domain[2] + targetURL
  } else {
    let domain = baseURL.split('/')
    domain.pop()
    return domain.join('/') + '/' + targetURL
  }
},

// 解析为 mp4 下载
getMP4() {
  this.isGetMP4 = true
  this.getM3U8()
},

// 获取在线文件
getM3U8(onlyGetRange) {
  if (!this.url) {
    alert('请输入链接')
    return
  }
  if (this.url.toLowerCase().indexOf('.m3u8') === -1) {
    alert('链接有误，请重新输入')
    return
  }
  if (this.downloading) {
    alert('资源下载中，请稍后')
    return
  }

  // 在下载页面才触发，代码注入的页面不需要校验
  // 当前协议不一致，切换协议
  if (location.href.indexOf('blog.luckly-mjw.cn') > -1 && this.url.indexOf(location.protocol) === -1) {
    //alert('当前协议不一致，跳转至正确页面重新下载')
    location.href = `${this.url.split(':')[0]}://blog.luckly-mjw.cn/tool-show/m3u8-downloader/index.html?source=${this.url}`
    return
  }

  // 在下载页面才触发，修改页面 URL，携带下载路径，避免刷新后丢失
  if (location.href.indexOf('blog.luckly-mjw.cn') > -1) {
    window.history.replaceState(null, '', `${location.href.split('?')[0]}?source=${this.url}`)
  }

  this.tips = 'm3u8 文件下载中，请稍后'
  this.beginTime = new Date()
  this.ajax({
    url: this.url,
    success: (m3u8Str) => {
      this.tsUrlList = []
      this.finishList = []

      // 提取 ts 视频片段地址
      m3u8Str.split('\n').forEach((item) => {
        if (item.toLowerCase().indexOf('.ts') > -1 || item.toLowerCase().indexOf('.image') > -1) {
          this.tsUrlList.push(this.applyURL(item, this.url))
          this.finishList.push({
            title: item,
            status: ''
          })
        }
      })

      // 仅获取视频片段数
      if (onlyGetRange) {
        this.rangeDownload.isShowRange = true
        this.rangeDownload.endSegment = this.tsUrlList.length
        this.rangeDownload.targetSegment = this.tsUrlList.length
        return
      } else {
        let startSegment = Math.max(this.rangeDownload.startSegment || 1, 1) // 最小为 1
        let endSegment = Math.max(this.rangeDownload.endSegment || this.tsUrlList.length, 1)
        startSegment = Math.min(startSegment, this.tsUrlList.length) // 最大为 this.tsUrlList.length
        endSegment = Math.min(endSegment, this.tsUrlList.length)
        this.rangeDownload.startSegment = Math.min(startSegment, endSegment)
        this.rangeDownload.endSegment = Math.max(startSegment, endSegment)
        this.rangeDownload.targetSegment = this.rangeDownload.endSegment - this.rangeDownload.startSegment + 1
        this.downloadIndex = this.rangeDownload.startSegment - 1
        this.downloading = true
      }

      // 获取需要下载的 MP4 视频长度
      if (this.isGetMP4) {
        let infoIndex = 0
        m3u8Str.split('\n').forEach(item => {
          if (item.toUpperCase().indexOf('#EXTINF:') > -1) { // 计算视频总时长，设置 mp4 信息时使用
            infoIndex++
            if (this.rangeDownload.startSegment <= infoIndex && infoIndex <= this.rangeDownload.endSegment) {
              this.durationSecond += parseFloat(item.split('#EXTINF:')[1])
            }
          }
        })
      }

      // 检测视频 AES 加密
      if (m3u8Str.indexOf('#EXT-X-KEY') > -1) {
        this.aesConf.method = (m3u8Str.match(/(.*METHOD=([^,\s]+))/) || ['', '', ''])[2]
        this.aesConf.uri = (m3u8Str.match(/(.*URI="([^"]+))"/) || ['', '', ''])[2]
        this.aesConf.iv = (m3u8Str.match(/(.*IV=([^,\s]+))/) || ['', '', ''])[2]
        this.aesConf.iv = this.aesConf.iv ? this.aesConf.stringToBuffer(this.aesConf.iv) : ''
        this.aesConf.uri = this.applyURL(this.aesConf.uri, this.url)

        // let params = m3u8Str.match(/#EXT-X-KEY:([^,]*,?METHOD=([^,]+))?([^,]*,?URI="([^,]+)")?([^,]*,?IV=([^,^\n]+))?/)
        // this.aesConf.method = params[2]
        // this.aesConf.uri = this.applyURL(params[4], this.url)
        // this.aesConf.iv = params[6] ? this.aesConf.stringToBuffer(params[6]) : ''
        this.getAES();
      } else if (this.tsUrlList.length > 0) { // 如果视频没加密，则直接下载片段，否则先下载秘钥
        this.downloadTS()
      } else {
        this.alertError('资源为空，请查看链接是否有效')
      }
    },
    fail: () => {
      this.alertError('链接不正确，请查看链接是否有效')
    }
  })
},

// 获取AES配置
getAES() {
  alert('视频被 AES 加密，点击确认，进行视频解码')
  this.ajax({
    type: 'file',
    url: this.aesConf.uri,
    success: (key) => {
      // console.log('getAES', key)
      // this.aesConf.key = this.aesConf.stringToBuffer(key)
      this.aesConf.key = key
      this.aesConf.decryptor = new AESDecryptor()
      this.aesConf.decryptor.constructor()
      this.aesConf.decryptor.expandKey(this.aesConf.key);
      this.downloadTS()
    },
    fail: () => {
      this.alertError('视频已进行定制化加密，不提供定制化解密下载')
    }
  })
},

// ts 片段的 AES 解码
aesDecrypt(data, index) {
  let iv = this.aesConf.iv || new Uint8Array([0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, index])
  return this.aesConf.decryptor.decrypt(data, 0, iv.buffer || iv, true)
},

// 下载分片
downloadTS() {
  this.tips = 'ts 视频碎片下载中，请稍后'
  let download = () => {
    let isPause = this.isPause // 使用另一个变量来保持下载前的暂停状态，避免回调后没修改
    let index = this.downloadIndex
    this.downloadIndex++
    if (this.finishList[index] && this.finishList[index].status === '') {
      this.ajax({
        url: this.tsUrlList[index],
        type: 'file',
        success: (file) => {
          this.dealTS(file, index, () => this.downloadIndex < this.rangeDownload.endSegment && !isPause && download())
        },
        fail: () => {
          this.errorNum++
          this.finishList[index].status = 'error'
          if (this.downloadIndex < this.rangeDownload.endSegment) {
            !isPause && download()
          }
        }
      })
    } else if (this.downloadIndex < this.rangeDownload.endSegment) { // 跳过已经成功的片段
      !isPause && download()
    }
  }

  // 建立多少个 ajax 线程
  for (let i = 0; i < Math.min(10, this.rangeDownload.targetSegment - this.finishNum); i++) {
    download(i)
  }
},

// 处理 ts 片段，AES 解密、mp4 转码
dealTS(file, index, callback) {
  const data = this.aesConf.uri ? this.aesDecrypt(file, index) : file
  this.conversionMp4(data, index, (afterData) => { // mp4 转码
    this.mediaFileList[index - this.rangeDownload.startSegment + 1] = afterData // 判断文件是否需要解密
    this.finishList[index].status = 'finish'
    this.finishNum++
    if (this.finishNum === this.rangeDownload.targetSegment) {
      this.downloadFile(this.mediaFileList, this.formatTime(this.beginTime, 'YYYY_MM_DD hh_mm_ss'))
    }
    callback && callback()
  })
},

// 转码为 mp4
conversionMp4(data, index, callback) {
  if (this.isGetMP4) {
    let transmuxer = new muxjs.Transmuxer({
      keepOriginalTimestamps: true,
      duration: parseInt(this.durationSecond),
    });
    transmuxer.on('data', segment => {
      if (index === this.rangeDownload.startSegment - 1) {
        let data = new Uint8Array(segment.initSegment.byteLength + segment.data.byteLength);
        data.set(segment.initSegment, 0);
        data.set(segment.data, segment.initSegment.byteLength);
        callback(data.buffer)
      } else {
        callback(segment.data)
      }
    })
    transmuxer.push(new Uint8Array(data));
    transmuxer.flush();
  } else {
    callback(data)
  }
},

// 暂停与恢复
togglePause() {
  this.isPause = !this.isPause
  !this.isPause && this.retryAll()
},

// 重新下载某个片段
retry(index) {
  if (this.finishList[index].status === 'error') {
    this.finishList[index].status = ''
    this.ajax({
      url: this.tsUrlList[index],
      type: 'file',
      success: (file) => {
        this.errorNum--
        this.dealTS(file, index)
      },
      fail: () => {
        this.finishList[index].status = 'error'
      }
    })
  }
},

// 重新下载所有错误片段
retryAll() {
  this.finishList.forEach((item) => { // 重置所有片段状态
    if (item.status === 'error') {
      item.status = ''
    }
  })
  this.errorNum = 0
  this.downloadIndex = this.rangeDownload.startSegment - 1
  this.downloadTS()
},

// 下载整合后的TS文件
downloadFile(fileDataList, fileName) {
  this.tips = 'ts 碎片整合中，请留意浏览器下载'
  let fileBlob = null
  let a = document.createElement('a')
  if (this.isGetMP4) {
    fileBlob = new Blob(fileDataList, { type: 'video/mp4' }) // 创建一个Blob对象，并设置文件的 MIME 类型
    a.download = fileName + '.mp4'
  } else {
    fileBlob = new Blob(fileDataList, { type: 'video/MP2T' }) // 创建一个Blob对象，并设置文件的 MIME 类型
    a.download = fileName + '.ts'
  }
  a.href = URL.createObjectURL(fileBlob)
  a.style.display = 'none'
  document.body.appendChild(a)
  a.click()
  a.remove()
},

// 格式化时间
formatTime(date, formatStr) {
  const formatType = {
    Y: date.getFullYear(),
    M: date.getMonth() + 1,
    D: date.getDate(),
    h: date.getHours(),
    m: date.getMinutes(),
    s: date.getSeconds(),
  }
  return formatStr.replace(
    /Y+|M+|D+|h+|m+|s+/g,
    target => (new Array(target.length).join('0') + formatType[target[0]]).substr(-target.length)
  )
},

// 强制下载现有片段
forceDownload() {
  if (this.mediaFileList.length) {
    this.downloadFile(this.mediaFileList, this.formatTime(this.beginTime, 'YYYY_MM_DD hh_mm_ss'))
  } else {
    alert('当前无已下载片段')
  }
},

// 发生错误，进行提示
alertError(tips) {
  alert(tips)
  this.downloading = false
  this.tips = 'm3u8 视频在线提取工具';
},

// 拷贝本页面本身，解决跨域问题
copyCode() {
  if (this.tips !== '代码下载中，请稍后') {
    this.tips = '代码下载中，请稍后';
    this.ajax({
      url: './index.html',
      success: (fileStr) => {
        let fileList = fileStr.split(`<!--vue 前端框架--\>`);
        let dom = fileList[0];
        let script = fileList[1] + fileList[2];
        script = script.split('');
        script = script[1] + script[2];

        if (this.url) {
          script = script.replace(`url: '', // 在线链接`, `url: '${this.url}',`);
        }

        let codeStr = `
      // 注入html
      let $section = document.createElement('section')
      $section.innerHTML = \`${dom}\`
      $section.style.width = '100%'
      $section.style.height = '800px'
      $section.style.top = '0'
      $section.style.left = '0'
      $section.style.position = 'relative'
      $section.style.zIndex = '9999'
      $section.style.backgroundColor = 'white'
      document.body.appendChild($section);

      // 加载 ASE 解密
      let $ase = document.createElement('script')
      $ase.src = 'https://upyun.luckly-mjw.cn/lib/aes-decryptor.js'

      // 加载 mp4 转码
      let $mp4 = document.createElement('script')
      $mp4.src = 'https://upyun.luckly-mjw.cn/lib/mux-mp4.js'

      // 加载 vue
      let $vue = document.createElement('script')
      $vue.src = 'https://upyun.luckly-mjw.cn/lib/vue.js'

      // 监听 vue 加载完成，执行业务代码
      $vue.addEventListener('load', () => {${script}})
      document.body.appendChild($vue);
      document.body.appendChild($mp4);
      document.body.appendChild($ase);
      alert('注入成功，请滚动到页面底部，若白屏则等待资源加载')
      `;
        this.copyToClipboard(codeStr);
        this.tips = '复制成功，打开视频网页控制台，注入本代码';
      },
      fail: () => {
        this.alertError('链接不正确，请查看链接是否有效');
      },
    })
  }
},

// 拷贝剪切板
copyToClipboard(content) {
  clearTimeout(this.timeouter)

  if (!document.queryCommandSupported('copy')) {
    return false
  }

  let $input = document.createElement('textarea')
  $input.style.opacity = '0'
  $input.value = content
  document.body.appendChild($input)
  $input.select()

  const result = document.execCommand('copy')
  document.body.removeChild($input)
  $input = null

  return result
},

      }
      })
      })
      document.body.appendChild($vue);
      document.body.appendChild($mp4);
      document.body.appendChild($ase);
      alert(‘注入成功，请滚动到页面底部，若白屏则等待资源加载’)

      • question002
        abb
        Windows Chrome 86.0.4240.198
        1月前
        2022-4-16 10:30:44

        大哥你发的也太多了 有没有简单易懂一点的

  7. question002
    Windows Chrome 86.0.4240.198
    1月前
    2022-4-07 14:13:33

    2022年4月7日
    点击vscode输入 在command命令中输入vConsole.showTab(network);之后
    提示 undefined ，之前好几次都没问题，今天这次好像是抓不到了，大佬可以看下是什么问题吗

  10. 同人大有
    Windows Chrome 70.0.3538.25
    2月前
    2022-3-30 15:32:49

    向up主求助，我在vconsole里输入了vConsole.showTab(“network”);并点击ok后，没有出现m3u8的内容，以前没有出现过这个问题。

  13. 酪鸭梨
    Windows Edge 99.0.1150.46
    2月前
    2022-3-23 19:09:12

    谢谢大佬！老师不让下载得回放终于有救了！找了好几个小时啊

  16. 北极小狐
    Windows Chrome 99.0.4844.51
    2月前
    2022-3-11 21:53:41

    蟹蟹大佬！！

  19. kingbatsoft
    Windows Edge 99.0.1150.36
    2月前
    2022-3-10 19:46:53

    又用不了了，现在vconsole抓出来的是加密的m3u8不是alicdn了，怎么办（

  22. 吴彦祖
    Windows Chrome 98.0.4758.102
    2月前
    2022-3-08 11:40:07

    我改完FD脚本后, 打开直播回放, FD就弹出一个框,
    当前页面脚本发生错误
    错误: Script error
    URL: https://cdn.jsdelivr.net/gh/Tencent/[email protected]/dist/vconsole.min.js
    是不是改版了大佬

    • 吴彦祖
      吴彦祖
      Windows Chrome 98.0.4758.102
      已编辑
      2月前
      2022-3-08 13:43:15

      可以了, 我翻了你的所有评论, 发现我的浏览器有vconsole, 但到直播回放里没有, 原来是再点到播放界面才有vconsole
      大佬我可以在csdn里记录一下吗 附上你博客的链接

  25. sqdudu
    Windows Chrome 99.0.4844.51
    3月前
    2022-3-07 17:04:34

    大佬 抖音的 学浪 可以用这个抓包吗

  28. 康康
    Windows Chrome 97.0.4692.99
    3月前
    2022-2-08 12:37:47

    大佬牛逼！！（超大声

  31. 岸芷汀兰
    Windows Chrome 96.0.4664.110
    4月前
    2022-1-17 15:42:56

    https://zhuanlan.zhihu.com/p/398385180大佬，这个不是您本人吧，没引用注明

  34. gugu
    Windows Chrome 96.0.4664.110
    5月前
    2022-1-04 23:43:54

    大佬，打不开m3u8的下载链接怎么办啊

    • gugu
      gugu
      Windows Chrome 96.0.4664.110
      5月前
      2022-1-04 23:48:37

      要自闭了，前面都搞好了结果m3u8下不起泪目

    • gugu
      gugu
      Windows Chrome 96.0.4664.110
      5月前
      2022-1-05 0:08:38

      m3u8找朋友下好了！但是为什么显示地址无效啊，我好废物

  37. Vodka
    Windows Edge 96.0.1054.62
    5月前
    2021-12-23 14:21:05

    2021-12-23反馈：使用 fiddler v5.0.20211.51073版本，钉钉6.3.15-Release.12108702版，成功了。一开始粘贴完代码后，浏览器和直播窗口都没有绿色vConsole按钮；然后重新安装fiddler，并在菜单 Tools-Options-HTTPS的Actions按钮中选择了Rese All Certificates，卸载证书并重新安装证书后，浏览器打开后有vConsole按钮了，但是直播窗口中仍然没有绿色按钮，而且也抓不到信息；后来就按博主FAQ里的，钉钉登录界面选择 使用浏览器代理，重新登陆，就成功了。感谢博主。

  40. 灰川
    Windows Chrome 96.0.4664.45
    6月前
    2021-12-05 23:43:01

    大佬，为什么我复制完脚本之后，钉钉回访就打不开了，全白的界面。退出抓包工具就能打开了啊T.T

  43. 肆钿
    Windows Chrome 69.0.3947.100
    6月前
    2021-12-02 15:50:42

    大佬库课网课如何抓取地址

  46. tt
    Windows Edge 96.0.1054.41
    6月前
    2021-12-02 13:56:24

    下载的视频在哪呀，载后的视频在 M3U8 下载器目录下 Downloads 文件夹内。m3u8下载器在哪里呀

  49. tt
    Windows Edge 96.0.1054.41
    6月前
    2021-12-02 13:45:38

    上图应该是 3.8.1 的 vConsole ，懒得重新换图了（
    的vconsole 在哪呀 没看到这个

  52. Lalo
    Windows Edge 95.0.1020.53
    6月前
    2021-11-22 10:53:07

    可用

  55. 太牛了
    Windows Chrome 86.0.4240.198
    6月前
    2021-11-16 22:32:01

    还可以用，按第二个方法完美下载，赞赞赞

发送评论 编辑评论 







































































































|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
（╯‵□′）╯︵┴─┴
￣﹃￣
(/ω＼)
∠( ᐛ 」∠)＿
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ｀)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ(￣∇￣o)
ヾ(´･ ･｀｡)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò｡)
Σ(っ °Д °;)っ
( ,,´･ω･)ﾉ"(´っω･｀｡)
╮(╯▽╰)╭
o(*////▽////*)q
＞﹏＜
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
 




颜文字
Emoji
小恐龙
花!
 


 














上一篇
下一篇 




推荐文章





升学e网通 倍速播放





小米稳定版刷root





欢迎来到yzxoi的博客