feat: 云台控制UI

h5/src/components/vionPlayer/index.vue

@@ -24,6 +24,14 @@ export default {
       type: String,
       type: String,
       default: '',
       default: '',
     },
     },
+    controlAutoHide: {
+      type: Boolean,
+      default: true,
+    },
+    showPtz: {
+      type: Boolean,
+      default: true,
+    },
   },
   },
   data() {
   data() {
     return {
     return {
@@ -45,11 +53,12 @@ export default {
         useWCS: false,
         useWCS: false,
         isNotMute: false,
         isNotMute: false,
         timeout: 10,
         timeout: 10,
+        keepScreenOn: true, // 屏幕常亮
         debug: true, // 是否开启控制台调试打印
         debug: true, // 是否开启控制台调试打印
 
 
         // 按钮和界面
         // 按钮和界面
         loadingText: '加载中...',
         loadingText: '加载中...',
-        controlAutoHide: false,
+        controlAutoHide: this.controlAutoHide,
         supportDblclickFullscreen: false,
         supportDblclickFullscreen: false,
         showBandwidth: false, // 显示网速
         showBandwidth: false, // 显示网速
         watermarkConfig: {
         watermarkConfig: {
@@ -66,7 +75,17 @@ export default {
           screenshot: false,
           screenshot: false,
           play: true,
           play: true,
           audio: true,
           audio: true,
-        },
+          ptz: true, // 云台
+          zoom: true,
+          performance: false,
+        },
+        extendOperateBtns: [],
+        // 云台控制
+        ptzClickType: 'click', // click mouseDownAndUp
+        ptzZoomShow: true,
+        ptzMoreArrowShow: true,
+        ptzApertureShow: true,
+        ptzFocusShow: true,
       });
       });
 
 
       this._jessibuca = new window.JessibucaPro(options);
       this._jessibuca = new window.JessibucaPro(options);