feat: 增加云台控制方法

h5/src/components/jPlayer/index.vue

@@ -127,7 +127,7 @@ export default {
     createCanvas(cwidth, cheight, watermark, image) {
     createCanvas(cwidth, cheight, watermark, image) {
       const canvas = document.createElement('canvas');
       const canvas = document.createElement('canvas');
       canvas.width = cwidth;
       canvas.width = cwidth;
-      canvas.height = cheight;
+      canvas.height = cheight - 40; // 40为底部工具条
       canvas.className = 'watermark';
       canvas.className = 'watermark';
       console.log('createCanvas', canvas);
       console.log('createCanvas', canvas);
 
 
@@ -215,6 +215,19 @@ export default {
     stopPlay() {
     stopPlay() {
       return this._iframeEl.contentWindow.stopPlayer();
       return this._iframeEl.contentWindow.stopPlayer();
     },
     },
+    ptzController(arrow) {
+      /**
+       * arrow传参说明：
+       * 方向控制：up, down, left, right, leftUp, rightUp, rightDown, leftDown
+       * 缩放控制：zoomExpand， zoomNarrow
+       * 调用完成，需要调用停止 ptzController('stop')
+       *
+       * 光圈控制：apertureFar， apertureNear
+       * 聚焦控制：focusFar， focusNear
+       * 调用完成，需要调用停止 ptzController('fiStop')
+       */
+      this._iframeEl.contentWindow.handlePtzController(arrow);
+    },
   },
   },
 }
 }
 </script>
 </script>
@@ -228,7 +241,7 @@ export default {
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
     left: 0px;
     left: 0px;
-    z-index: 10;
+    // z-index: 10;
   }
   }
 }
 }
 </style>
 </style>