feat: 视频组件增加国标查看

packages/base-components/VmsVideo/src/App.jsx

@@ -32,7 +32,11 @@ class App extends React.Component {
       setTimeout(() => {
         let code = window.independence ? window.siteCode || '' : window.globalConfig?.userInfo?.site || '';
         let siteInfo = !code ? `?${queryStr}` : `?_site=${code}&${queryStr}`;
-        this.play(VideoInfo.url + `/${VideoInfo.dataRate == 'Sub' ? 2 : 1}${siteInfo}`, `key`);
+        if (VideoInfo.NSurl) {
+          this.play(VideoInfo.NSurl + `${siteInfo}`, `key`);
+        } else {
+          this.play(VideoInfo.url + `/${VideoInfo.dataRate == 'Sub' ? 2 : 1}${siteInfo}`, `key`);
+        }
       }, 10);
     }
   }
@@ -201,7 +205,11 @@ class App extends React.Component {
     if (VideoInfo.url && this.jessibuca) {
       let code = window.independence ? window.siteCode || '' : window.globalConfig?.userInfo?.site || '';
       let siteInfo = !code ? `?${queryStr}` : `?_site=${code}&${queryStr}`;
-      this.jessibuca.play(VideoInfo.url + `/${text == '标清' ? 2 : 1}${siteInfo}`);
+      if (VideoInfo.NSurl) {
+        this.jessibuca.play(VideoInfo.NSurl + `${siteInfo}`);
+      } else {
+        this.jessibuca.play(VideoInfo.url + `/${text == '标清' ? 2 : 1}${siteInfo}`);
+      }
       this.setState({
         isPlaying: true,
       });

packages/base-components/VmsVideo/src/demos/dmeo1.tsx

@@ -2,7 +2,7 @@
  * @Author: 634665781 634665781@qq.com
  * @Date: 2023-04-11 13:40:18
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-08-05 09:16:11
+ * @LastEditTime: 2024-11-27 14:37:59
  * @FilePath: \wisdom-components\packages\base-components\VmsVideo\src\demos\dmeo1.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -65,7 +65,7 @@ const Demo1 = (props) => {
       title: 2,
     }
   };
-  let VideoParam1 = {
+  VideoParam = {
     id: '38FB4BA7-C61F-466C-9B57-5B401441DABC',
     name: 'K21319413_通道_1',
     protocol: '萤石云HTTP-FLV',
@@ -76,7 +76,7 @@ const Demo1 = (props) => {
     address: 'K21319413',
   };
 
-  VideoParam1 = {
+  let VideoParam1 = {
     id: 'CDCD0D7D-D18B-4FEE-AD4B-DF9CA50D2986',
     name: '设备12_通道_9',
     protocol: 'RTSP',
@@ -111,6 +111,19 @@ const Demo1 = (props) => {
     gateway: true,
   };
 
+  VideoParam1 = {
+    id: '28AC17B5-EE3D-404F-B897-EE83078A5794',
+    name: '回龙水厂_回龙球机',
+    protocol: 'GB28181',
+    username: '27565776',
+    password: '4HUFPqij3igUJ0xkQ2gm',
+    dataRate: 'Sub', // Main 主码流  Sub 子码流
+    pandavmsHost: 'ws://192.168.12.74:7000/',
+    address: '183.64.178.118',
+    gateway: false,
+    videoUrl: "34020000001110000001/34020000001320000002",
+  }
+
   /*{
     id: '11F102BC-CE03-4E32-AE60-F297934DFE3F', // 398993BB-A795-4237-BE75-B6A7EC9D675
     name: '琼海电信小区', // 设备名称

packages/base-components/VmsVideo/src/index.jsx

@@ -155,6 +155,11 @@ const Video = (props, ref) => {
       CommonPath +
       'jessica/' +
       VideoInfo.id;
+  // 国标URL
+  VideoInfo.NSurl = VideoInfo?.videoUrl ? (VideoInfo.pandavmsHost || 'ws://' + location.host + '/') +
+        CommonPath +
+        'jessica/' +
+        VideoInfo.videoUrl : ''; 
 
   let operateBtns = {
     fullscreen: true,