✨ feat: 获取flv地址

klp-ui/src/views/wms/video/index.vue

@@ -67,7 +67,6 @@
 
     <el-table v-loading="loading" :data="cameraManagementList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="自增主键" align="center" prop="cameraId" v-if="false"/>
       <el-table-column label="摄像头编号" align="center" prop="cameraCode" />
       <el-table-column label="摄像头名称" align="center" prop="cameraName" />
       <el-table-column label="RTSP 推流地址" align="center" prop="rtspUrl" />
@@ -141,20 +140,16 @@
     </el-dialog>
 
     <el-dialog :title="title" :visible.sync="openVideo" width="800px" append-to-body>
-      <flv-player :url="videoUrl" />
+      <vue-flv-player :autoplay="true" :controls="true" :muted="true" ref="myPlayer" :source="videoUrl" />
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { listCameraManagement, getCameraManagement, delCameraManagement, addCameraManagement, updateCameraManagement } from "@/api/wms/cameraManagement";
-import flvPlayer from '@/components/FLVPlayer/index.vue';
+import { listCameraManagement, getCameraManagement, delCameraManagement, addCameraManagement, updateCameraManagement, getFlvVideoStream } from "@/api/wms/cameraManagement";
 
 export default {
-  name: "CameraManagement",
-  components: {
-    flvPlayer
-  },
+  name: "CameraManagement", 
   data() {
     return {
       videoUrl: '',
@@ -258,7 +253,7 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加摄像头管理";
+      this.title = "添加摄像头";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -269,7 +264,7 @@ export default {
         this.loading = false;
         this.form = response.data;
         this.open = true;
-        this.title = "修改摄像头管理";
+        this.title = "修改摄像头";
       });
     },
     /** 提交按钮 */
@@ -300,7 +295,7 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const cameraIds = row.cameraId || this.ids;
-      this.$modal.confirm('是否确认删除摄像头管理编号为"' + cameraIds + '"的数据项？').then(() => {
+      this.$modal.confirm('是否确认删除编号为"' + cameraIds + '"的摄像头？').then(() => {
         this.loading = true;
         return delCameraManagement(cameraIds);
       }).then(() => {
@@ -319,9 +314,10 @@ export default {
       }, `cameraManagement_${new Date().getTime()}.xlsx`)
     },
     handlePlay(row) {
-      this.videoUrl = row.rtspUrl;
-      this.title = row.cameraName;
-      this.openVideo = true;
+      getFlvVideoStream(row.cameraId).then(response => {
+        console.log(response);
+        this.videoUrl = response.data;
+      });
     }
   }
 };