修改视频转码请求

public/config.js

@@ -2,14 +2,14 @@
  * @Author: zy1125 1515706227@qq.com
  * @Date: 2023-11-08 20:40:07
  * @LastEditors: 半生瓜 1515706227@qq.com
- * @LastEditTime: 2024-01-15 11:11:02
+ * @LastEditTime: 2024-01-16 19:55:33
  * @FilePath: \v3_yyz\public\config.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
 window.g = {
     // 获取数据请求地址
     BASE_API: "https://weizhi.huanghuai.edu.cn/yyzioc-server/",
-    
+    // BASE_API: "https://test.lqkj.top//cmioc3-server",
 
     // BASE_API: "http://192.168.4.219:12397/ioc-server",
     // UE_IP: "http://192.168.4.159"

src/components/VideoJs.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="videoPlay">
     <video ref="m3u8_video" class="video-js vjs-default-skin vjs-big-play-centered" controls>
-      <source :src="videoSrc" />
+      <source :src="shiping2" />
     </video>
   </div>
 </template>
@@ -18,6 +18,9 @@ const props = withDefaults(
   }>(),
   { autoPlay: false }
 );
+
+const shiping2=ref('')
+
 const m3u8_video = ref();
 let player: VideoJsPlayer;
 const initPlay = async () => {
@@ -31,7 +34,19 @@ const initPlay = async () => {
     language: "zh-CN",
     techOrder: ["html5"],
   };
-  player = videojs(m3u8_video.value, options, () => {
+
+     //视频转码
+     getvideo({
+          "rtsp": props.videoSrc,
+          }).then((res)=>{
+              console.log('sadnuq21',res.data);
+              console.log('sadnuq2121',res.data.httpFlv);
+              // shiping2.value='http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8'
+              shiping2.value=res.data.httpFlv
+            
+
+              setTimeout(() => {
+            player = videojs(m3u8_video.value, options, () => {
     videojs.log("播放器已经准备好了!");
     if (props.autoPlay && props.videoSrc) {
       player.play();
@@ -43,20 +58,20 @@ const initPlay = async () => {
       videojs.log("播放器解析出错!");
     });
   });
+          }, 300);
+
+          console.log('asiohdahsiod',shiping2.value);
+          })
+
+        
+          
+
 };
 onMounted(() => {
-  console.log('shidaodx', props.videoSrc);
+  console.log('shidaodx', shiping2.value);
 
 
-  //         //视频转码
-  //         getvideo({
-  //         "rtsp": array.src,
-  //         }).then((res)=>{
-  //             console.log('sadnuq21',res.data);
-  //             console.log('sadnuq2121',res.data.httpFlv);
-  //             array.src='http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8'
-  //         //    array.src=res.data.httpFlv
-  //         })
+       
 
   initPlay();
 });
@@ -72,9 +87,17 @@ watch(
     }
   }
 );
+
+
+
+
+
 onBeforeUnmount(() => {
   player?.dispose();
 });
+
+
+
 </script>
 <style lang="scss" scoped>
 .videoPlay {

src/components/right.vue

@@ -64,7 +64,7 @@
 
 
 
-                <el-carousel class="monitor" :interval="10000" @change="monitorchange">
+                <el-carousel class="monitor" :interval="15000" @change="monitorchange">
                     <el-carousel-item v-for="(item, index2) in carouselData" :key="index2">
                         <p style="margin-left: 12px; margin-bottom: 3px; font-size: 14px;">{{ item.activeMonitor.title }}
                         </p>
@@ -207,21 +207,15 @@ export default ({
         const lookVideo = function (item) {
             videoDialog.value = true;
             dialogTitle.value = item.title
-            let copysrc = JSON.parse(JSON.stringify(item))
-            console.log('sadi2', copysrc);
-            // videoData.src = item.scr
-            videoData.src = copysrc.src
-            console.log('kankna222', videoData.src);
+    
+            getVideoUrl({ "rtsp": item.src }).then((res) => {
+                console.log("视频处理", res);
+                console.log("视频处理2", res.data.httpFlv);
 
-
-
-            // getVideoUrl({ "rtsp": item.src }).then((res) => {
-            //     console.log("视频处理", res);
-            //     console.log("视频处理2", res.data.httpFlv);
-
-            //     videoData.src = res.data.httpFlv
-            // })
-            // videoData.src = src
+                videoData.src = res.data.httpFlv
+            })
+            videoData.src = src
+            console.log('sadknasdo',videoData.src);
 
         }
         // 播放视频
@@ -265,33 +259,33 @@ export default ({
 
 
 
-            monitor.map((res) => {
-                console.log('sadhi2', res.activeMonitor);
-                if(res.activeMonitor.array){
-                    res.activeMonitor.array.map(array => {
-                    //视频转码
-                    getvideo({
-                        "rtsp": array.src,
-                    }).then((res) => {
-                        // array.src = 'http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8'
-                        array.src=res.data.httpFlv
-                    })
-                    })
-                }
-                if ( res.activeMonitor.array1) {
-                    res.activeMonitor.array1.map(array1 => {
-                    //视频转码
-                    getvideo({
-                        "rtsp": array1.src,
-                    }).then((res) => {
-                        // array1.src = 'http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8'
-                           array1.src=res.data.httpFlv
-                    })
-                })
-                }
+            // monitor.map((res) => {
+            // console.log('sadhi2', res.activeMonitor);
+            // if(res.activeMonitor.array){
+            // res.activeMonitor.array.map(array => {
+            // //视频转码
+            // getvideo({
+            // "rtsp": array.src,
+            // }).then((res) => {
+            // // array.src = 'http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8'
+            // array.src=res.data.httpFlv
+            // })
+            // })
+            // }
+            //     if ( res.activeMonitor.array1) {
+            // res.activeMonitor.array1.map(array1 => {
+            // //视频转码
+            // getvideo({
+            // "rtsp": array1.src,
+            // }).then((res) => {
+            // // array1.src = 'http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8'
+            // array1.src=res.data.httpFlv
+            // })
+            // })
+            // }
 
 
-            })
+            // })
             // 互动教室
             carouselData.value = monitor;