通用通道支持录像回放以及录像控制

2025-08-01 18:59:15 +08:00
parent c75122008c
commit 09f1ef20a7
18 changed files with 537 additions and 185 deletions
--- a/web/src/api/commonChannel.js
+++ b/web/src/api/commonChannel.js
@@ -512,3 +512,77 @@ export function focus({ channelId, command, speed }) {
    }
  })
 }
+export function queryRecord({ channelId, startTime, endTime }) {
+  return request({
+    method: 'get',
+    url: '/api/common/channel/playback/query',
+    params: {
+      channelId: channelId,
+      startTime: startTime,
+      endTime: endTime
+    }
+  })
+}
+export function playback({ channelId, startTime, endTime }) {
+  return request({
+    method: 'get',
+    url: '/api/common/channel/playback',
+    params: {
+      channelId: channelId,
+      startTime: startTime,
+      endTime: endTime
+    }
+  })
+}
+export function stopPlayback({ channelId, stream }) {
+  return request({
+    method: 'get',
+    url: '/api/common/channel/playback/stop',
+    params: {
+      channelId: channelId,
+      stream: stream
+    }
+  })
+}
+export function pausePlayback({ channelId, stream}) {
+  return request({
+    method: 'get',
+    url: '/api/common/channel/playback/pause',
+    params: {
+      channelId: channelId,
+      stream: stream
+    }
+  })
+}
+export function resumePlayback({ channelId, stream}) {
+  return request({
+    method: 'get',
+    url: '/api/common/channel/playback/resume',
+    params: {
+      channelId: channelId,
+      stream: stream
+    }
+  })
+}
+export function seekPlayback({ channelId, stream, seekTime}) {
+  return request({
+    method: 'get',
+    url: '/api/common/channel/playback/seek',
+    params: {
+      channelId: channelId,
+      stream: stream,
+      seekTime: seekTime
+    }
+  })
+}
+export function speedPlayback({ channelId, stream, speed}) {
+  return request({
+    method: 'get',
+    url: '/api/common/channel/playback/speed',
+    params: {
+      channelId: channelId,
+      stream: stream,
+      speed: speed
+    }
+  })
+}
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@@ -75,12 +75,13 @@ export const constantRoutes = [
      path: '/channel',
      name: 'Channel',
      component: () => import('@/views/channel/index'),
-      meta: {title: '通道列表', icon: 'channelManger'}
+      meta: { title: '通道列表', icon: 'channelManger'}
    },
    {
      path: '/channel/record/:channelId',
      name: 'CommonRecord',
-      component: () => import('@/views/channel/record')
+      component: () => import('@/views/channel/record'),
+      meta: { title: '设备录像' }
    }
    ]
  },
--- a/web/src/store/modules/commonChanel.js
+++ b/web/src/store/modules/commonChanel.js
@@ -15,12 +15,22 @@ import {
  clearUnusualCivilCodeList,
  getIndustryList,
  getTypeList,
-  getNetworkIdentificationList, playChannel, addToRegion, deleteFromRegion, addToGroup, deleteFromGroup, getList,
+  getNetworkIdentificationList,
+  playChannel,
+  addToRegion,
+  deleteFromRegion,
+  addToGroup,
+  deleteFromGroup,
+  getList,
  addPointForCruise,
-  addPreset, auxiliary,
+  addPreset,
+  auxiliary,
  callPreset,
  deletePointForCruise,
-  deletePreset, focus, iris, ptz,
+  deletePreset,
+  focus,
+  iris,
+  ptz,
  queryPreset,
  setCruiseSpeed,
  setCruiseTime,
@@ -30,7 +40,16 @@ import {
  startCruise,
  startScan,
  stopCruise,
-  stopScan, wiper, getAllForMap, stopPlayChannel
+  stopScan,
+  wiper,
+  getAllForMap,
+  stopPlayChannel,
+  queryRecord,
+  playback,
+  stopPlayback,
+  pausePlayback,
+  resumePlayback,
+  seekPlayback, speedPlayback
 } from '@/api/commonChannel'

 const actions = {
@@ -483,6 +502,76 @@ const actions = {
        reject(error)
      })
    })
+  },
+  queryRecord({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      queryRecord(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  playback({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      playback(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  stopPlayback({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      stopPlayback(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  pausePlayback({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      pausePlayback(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  resumePlayback({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      resumePlayback(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  seekPlayback({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      resumePlayback(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  speedPlayback({ commit }, params) {
+    return new Promise((resolve, reject) => {
+      speedPlayback(params).then(response => {
+        const { data } = response
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
  }
 }

--- a/web/src/views/channel/index.vue
+++ b/web/src/views/channel/index.vue
@@ -268,7 +268,7 @@ export default {
        })
    },
    queryRecords: function(itemData) {
-      const channelId = itemData.deviceId
+      const channelId = itemData.gbId
      this.$router.push(`/channel/record/${channelId}`)
    },
    queryCloudRecords: function(itemData) {
--- a/web/src/views/channel/record.vue
+++ b/web/src/views/channel/record.vue
@@ -37,12 +37,12 @@
                  <i class="el-icon-video-camera" />
                  {{ getFileShowName(item) }}
                </el-tag>
-                <a
-                  class="el-icon-download"
-                  style="color: #409EFF;font-weight: 600;margin-left: 10px;"
-                  target="_blank"
-                  @click="downloadFile(item)"
-                />
+<!--                <a-->
+<!--                  class="el-icon-download"-->
+<!--                  style="color: #409EFF;font-weight: 600;margin-left: 10px;"-->
+<!--                  target="_blank"-->
+<!--                  @click="downloadFile(item)"-->
+<!--                />-->
              </li>
            </ul>
            <div v-if="detailFiles.length === 0" class="record-list-no-val">暂无数据</div>
@@ -95,12 +95,12 @@
                title="截图"
                @click="snap()"
              />
-              <a
-                target="_blank"
-                class="record-play-control-item iconfont icon-xiazai1"
-                title="下载录像"
-                @click="chooseTimeForRecord()"
-              />
+<!--              <a-->
+<!--                target="_blank"-->
+<!--                class="record-play-control-item iconfont icon-xiazai1"-->
+<!--                title="下载录像"-->
+<!--                @click="chooseTimeForRecord()"-->
+<!--              />-->
              <!--              <a target="_blank" class="record-play-control-item iconfont icon-xiazai011" title="下载" @click="gbPause()" />-->
            </div>
          </div>
@@ -291,7 +291,6 @@ export default {
    // 查询当年有视频的日期
    this.chooseDate = moment().format('YYYY-MM-DD')
    this.dateChange()
-    this.getDownloadSpeedArray()
    window.addEventListener('beforeunload', this.stopPlayRecord)
  },
  destroyed() {
@@ -312,8 +311,6 @@ export default {
        startTime = this.detailFiles[0].startTime
        endTime = this.detailFiles[this.detailFiles.length - 1].endTime
      }
-      console.log(startTime)
-      console.log(endTime)
      this.$refs.chooseTimeRange.openDialog([new Date(startTime), new Date(endTime)], (time) => {
        console.log(time)
        const startTime = moment(time[0]).format('YYYY-MM-DD HH:mm:ss')
@@ -343,7 +340,12 @@ export default {
      console.log(speed)
      // 倍速播放
      this.playSpeed = speed
-      this.$store.dispatch('playback/setSpeed', [this.streamInfo.stream, speed])
+      this.$store.dispatch('commonChanel/speedPlayback',
+        {
+          channelId: this.channelId,
+          stream: this.streamInfo.stream,
+          speed: speed
+        })
        .then(data => {
          this.$refs.recordVideoPlayer.setPlaybackRate(this.playSpeed)
        })
@@ -394,15 +396,19 @@ export default {
    },
    dateChange() {
      this.detailFiles = []
-      this.$store.dispatch('gbRecord/query', [this.deviceId, this.channelId, this.startTime, this.endTime])
+      this.$store.dispatch('commonChanel/queryRecord',
+        {
+          channelId: this.channelId,
+          startTime: this.startTime,
+          endTime: this.endTime
+        })
        .then(data => {
          // 处理时间信息
-          if (data.recordList.length === 0) {
+          if (data.length === 0) {
            return
          }
-          this.detailFiles = data.recordList
+          this.detailFiles = data
          this.initTime = new Date(this.detailFiles[0].startTime).getTime()
-          console.log(this.initTime)
          for (let i = 0; i < this.detailFiles.length; i++) {
            this.timeSegments.push({
              beginTime: new Date(this.detailFiles[i].startTime).getTime(),
@@ -418,29 +424,16 @@ export default {
          this.recordsLoading = false
        })
    },
-    getDownloadSpeedArray() {
-      this.$store.dispatch('device/queryChannelOne', {
-        deviceId: this.deviceId,
-        channelDeviceId: this.channelId
-      })
-        .then(data => {
-          if (data.downloadSpeed) {
-            const speedArray = data.downloadSpeed.split('/')
-
-            speedArray.forEach(item => {
-              if (parseInt(item) > 4) {
-                this.playSpeedRange.push(parseInt(item))
-              }
-            })
-          }
-        })
-    },
    stopPlayRecord(callback) {
      console.log('停止录像回放')
      if (this.streamInfo !== null) {
        this.$refs['recordVideoPlayer'].pause()
        this.videoUrl = ''
-        this.$store.dispatch('playback/stop', [this.deviceId, this.channelId, this.streamInfo.stream])
+        this.$store.dispatch('commonChanel/stopPlayback',
+          {
+            channelId: this.channelId,
+            stream: this.streamInfo.stream
+          })
          .then((data) => {
            this.streamInfo = null
            if (callback) callback()
@@ -462,7 +455,12 @@ export default {
        })
      } else {
        this.playerTime = 0
-        this.$store.dispatch('playback/play', [this.deviceId, this.channelId, startTime, endTime])
+        this.$store.dispatch('commonChanel/playback',
+          {
+            channelId: this.channelId,
+            startTime: startTime,
+            endTime: endTime
+          })
          .then(data => {
            this.streamInfo = data
            this.videoUrl = this.getUrlByStreamInfo()