历史视频逻辑梳理

shuishen

2021-01-30 82ac65bb5841c97867ad86d196cf04d9edb52477

历史视频逻辑梳理

 package-lock.json

@@ -5640,7 +5640,6 @@
      "integrity": "sha1-Pwn+3mqGV1c3jy2evcvBW6Jo+Y8=",
      "dev": true
    },
    
    "hls.js": {
      "version": "0.14.17",
      "resolved": "https://registry.npm.taobao.org/hls.js/download/hls.js-0.14.17.tgz",

 package.json

@@ -17,7 +17,6 @@
    "classlist-polyfill": "^1.2.0",
    "crypto-js": "^4.0.0",
    "element-ui": "^2.13.2",
    
    "hls.js": "^0.14.17",
    "js-base64": "^2.5.1",
    "js-cookie": "^2.2.0",

 src/views/realTimePolice/real.vue

@@ -217,7 +217,7 @@
          </el-col>
          <el-col span="12">
            <el-form-item label="历史视频">
              <el-button type="primary">查看视频</el-button>
              <el-button type="primary" @click="queryOldVideo(form)">查看视频</el-button>
            </el-form-item>
          </el-col>
        </el-row>
@@ -829,9 +829,10 @@
    },

    beginTimeOrEndTime(time) {

      var beginTime = new Date(time);

      var endTime = new Date(new Date(time).valueOf() - 1000 * 30);
      var endTime = new Date(new Date(time).valueOf() - 1000 * 60 * 60 * 3);

      var beginY = beginTime.getFullYear();

@@ -882,7 +883,6 @@
        endTime.getSeconds() < 10
          ? "0" + endTime.getSeconds()
          : endTime.getSeconds();

      return {
        begin: beginY + beginM + beginD + beginH + beginm + begins,
        end: endY + endM + endD + endH + endm + ends
@@ -897,8 +897,6 @@
          "Content-type": "application/x-www-form-urlencoded"
        }
      });

      //s16s652780.51mypc.cn/api_control

      var time = this.beginTimeOrEndTime(data.alarmTime);

@@ -915,40 +913,41 @@
        .then(res => {
          console.log(res.data.data.accessToken);

          newAxios
            .get(
              `/GetPlayUrl?deviceCode=${data.channelNumber}&chl=${data.serialNumber}`
            )
            .then(result => {
              this.innerVisibleVideo = true;
            newAxios
              .get(
                `/GetPlayUrl?deviceCode=${data.channelNumber}&chl=${data.serialNumber}`
              )
              .then(result => {
                this.innerVisibleVideo = true;

              this.videoSource = result.data.data.m3u8;
            });
                this.videoSource = result.data.data.m3u8;
              });

          // newAxios
          //   .post(
          //     "/api_control",
          //     {},
          //     {
          //       params: {
          //         param: JSON.stringify({
          //           PktType: "RemotePlayback",
          //           accessToken: res.data.data.accessToken,
          //           deviceCode: data.channelNumber,
          //           startTime: time.end,
          //           endTime: time.begin,
          //           chl: data.serialNumber
          //         })
          //       }
          //     }
          //   )
          //   .then(result => {
        //   newAxios
        //     .post(
        //       "/api_control",
        //       {},
        //       {
        //         params: {
        //           param: JSON.stringify({
        //             PktType: "RemotePlayback",
        //             accessToken: res.data.data.accessToken,
        //             deviceCode: "001231409472",
        //             startTime: "20210130150000",
        //             endTime: "20210130160000",
        //             chl: data.serialNumber
        //           })
        //         }
        //       }
        //     )
        //     .then(result => {
            

          //     this.videoSource = result.data.data.m3u8
        //       this.innerVisibleVideo = true;

          //     this.innerVisibleVideo = true
        //       this.videoSource = result.data.data.m3u8;

          //   });
        //     });
        });
    },
    openOldVideoBox() {
@@ -959,8 +958,12 @@

        this.hls = new Hls();

        console.log(this.videoSource, '19028321321r073');

        var m3u8Url = decodeURIComponent(this.videoSource);

        console.log(m3u8Url);

        this.hls.loadSource(m3u8Url);

        this.hls.attachMedia(dom);