提交

ruoyi-ui/package.json

@@ -66,6 +66,7 @@
     "vue-area-linkage": "^5.1.0",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
+    "vue-h265-player": "^0.0.24",
     "vue-masonry": "^0.16.0",
     "vue-meta": "2.4.0",
     "vue-router": "3.4.9",

ruoyi-ui/src/settings.js

@@ -3,7 +3,8 @@ module.exports = {
    // urls: `http://10.90.90.53:8099`,
   // 10.90.90.52 192.168.101.245
   // 10.90.90.53
-  urls:`http://192.168.9.240:5010`,
+  // http://192.168.9.240:5010
+  urls:`http://192.168.1.66:8056`,
   /**
    * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
    */

ruoyi-ui/src/views/shipinggaoj/gaojingguanli/index.vue

@@ -115,7 +115,8 @@
                                <!-- + baseUrl -->
                                  <!-- <source  :src="item.videoAddress " />
                                </video> -->
-                               <h265-player url="http://192.168.9.240:5010/prod-api/profile/videoRecored/recording_20250627_092541_357_离岗.mp4" @error="handleError"></h265-player>
+                               <div ref="videoPlayer" style="width: 100%;height: 150px;" class="video-player"></div>
+                               <!-- <h265-player url="http://192.168.9.240:5010/prod-api/profile/videoRecored/recording_20250627_092541_357_离岗.mp4" @error="handleError"></h265-player> -->
                       </div>
 
                       <div class="goe">
@@ -265,6 +266,8 @@ import { listWarnManage, getWarnManage, delWarnManage, addWarnManage, updateWarn
 // import 'videojs-flash'
 import { listChannelNumber, getChannelNumber, delChannelNumber, addChannelNumber, updateChannelNumber } from "@/api/system/channelNumber"
 const defaultSettings = require("@/settings.js");
+import videojs from 'video.js';
+import 'video.js/dist/video-js.css';
 import H265Player from 'vue-h265-player';
 import mqttHandle from "../../../utils/mqttHandler.js"
 import mqtt from 'mqtt';
@@ -351,6 +354,15 @@ export default {
        staffTrainTimeList:[],
        tableMaxHeight:'200',
        receiveNews: "",
+        player: null,
+             options: {
+               // 视频源
+               sources: [{
+                 src: 'http://192.168.9.240:5010/prod-api/profile/videoRecored/recording_20250627_092541_357_离岗.mp4',
+                 type: 'video/mp4'
+               }],
+               // 其他配置选项...
+             }
 
       };
     },
@@ -411,6 +423,9 @@ export default {
   	          this.changeTableMaxHeight()
   	        }
   	        this.changeTableMaxHeight()
+            this.player = videojs(this.$refs.videoPlayer, this.options, () => {
+                  console.log('player is ready');
+                });
   },