feat:控件添加音视频

src/services/defaults.ts

@@ -1078,6 +1078,74 @@ export const formComponents = [
           image: (cdn ? cdn + '/v' : '') + '/png/电信机房/防火墙.gif',
         },
       },
+      {
+        name: '头像',
+        icon: 'l-touxiang',
+        data: {
+          width: 30,
+          height: 30,
+          disableAnchor: true,
+          name: 'square',
+          lineWidth: 0,
+          image: (cdn ? cdn + '/v' : '') + '/img/avatar.png',
+          imageRadius: 0.5,
+          background: '#689f38',
+          borderRadius: 0.5,
+          ratio: true,
+          props: {
+            custom: [
+              {
+                key: 'imageRadius',
+                label: '图片圆角半径',
+                type: 'slider',
+              },
+            ],
+          },
+        },
+      },
+      {
+        name: '徽标',
+        icon: 'l-huibiao',
+        data: {
+          width: 35,
+          height: 20,
+          name: 'square',
+          borderRadius: 0.5,
+          lineWidth: 0,
+          background: '#d54941',
+          color: '#fff',
+          text: '99+',
+        },
+      },
+      {
+        name: '标签',
+        icon: 'l-biaoqian',
+        data: {
+          text: 'success',
+          width: 80,
+          height: 24,
+          borderRadius: 0.1,
+          name: 'rectangle',
+          lineWidth: 1,
+          fontSize: 12,
+          icon: '\uea10',
+          iconFamily: 'l-icon',
+          iconColor: '#FFFFFF99', //#52c41a
+          iconSize: 12,
+          iconAlign: 'left',
+          iconLeft: 8,
+          textAlign: 'right',
+          color: '#FFFFFFAA',
+          background: '#282E3B', //#f6ffed
+          textLeft: -6,
+        },
+      },
+    ],
+  },
+  {
+    name: '音视频',
+    show: true,
+    list: [
       {
         name: '视频',
         icon: 'l-shipin',
@@ -1157,67 +1225,31 @@ export const formComponents = [
         },
       },
       {
-        name: '头像',
-        icon: 'l-touxiang',
+        name: '摄像头',
+        icon: 'l-10',
         data: {
-          width: 30,
-          height: 30,
-          disableAnchor: true,
-          name: 'square',
-          lineWidth: 0,
-          image: (cdn ? cdn + '/v' : '') + '/img/avatar.png',
-          imageRadius: 0.5,
-          background: '#689f38',
-          borderRadius: 0.5,
-          ratio: true,
+          width: 400,
+          height: 250,
+          name: 'rtspPlayerDom',
+          externElement: true,
+          webrtcUrl: '',
+          rtspUrl: '',
           props: {
             custom: [
               {
-                key: 'imageRadius',
-                label: '图片圆角半径',
-                type: 'slider',
+                key: 'webrtcUrl',
+                label: 'webrtcUrl',
+                type: 'string',
+              },
+              {
+                key: 'rtspUrl',
+                label: 'rtspUrl',
+                type: 'string',
               },
             ],
           },
         },
       },
-      {
-        name: '徽标',
-        icon: 'l-huibiao',
-        data: {
-          width: 35,
-          height: 20,
-          name: 'square',
-          borderRadius: 0.5,
-          lineWidth: 0,
-          background: '#d54941',
-          color: '#fff',
-          text: '99+',
-        },
-      },
-      {
-        name: '标签',
-        icon: 'l-biaoqian',
-        data: {
-          text: 'success',
-          width: 80,
-          height: 24,
-          borderRadius: 0.1,
-          name: 'rectangle',
-          lineWidth: 1,
-          fontSize: 12,
-          icon: '\uea10',
-          iconFamily: 'l-icon',
-          iconColor: '#FFFFFF99', //#52c41a
-          iconSize: 12,
-          iconAlign: 'left',
-          iconLeft: 8,
-          textAlign: 'right',
-          color: '#FFFFFFAA',
-          background: '#282E3B', //#f6ffed
-          textLeft: -6,
-        },
-      },
     ],
   },
   {