feat: 增加旋转方法

h5/src/components/vionPlayer/index.vue

@@ -36,6 +36,7 @@ export default {
       // eslint-disable-next-line
       _jessibuca: null,
       playOriginUrl: '',
+      rotateNum: 0,
 
       player: {
         height: 0,
@@ -197,6 +198,16 @@ export default {
         return Promise.resolve(true);
       }
     },
+    rotate(num) {
+      let targetRotate = 0;
+      if (Number.isInteger(num)) {
+        targetRotate = num;
+      } else {
+        this.rotateNum++;
+        targetRotate = (this.rotateNum % 4) * 90;
+      }
+      this._jessibuca.setRotate(targetRotate);
+    },
     screenshot(filename = '', format = 'jpeg', quality = 0.2, type = 'base64') {
       return new Promise((resolve, reject) => {
         // 如果是播放状态

h5/src/views/player/vionPlayerDemo.vue

@@ -19,6 +19,7 @@
       <button @click="handlePause">暂停</button>
       <button @click="handleStop">停止</button>
       <button @click="handleDestroy">销毁</button>
+      <button @click="handleRotate">旋转</button>
       <button @click="handleScreenshot">抓拍</button>
       <button @click="handleScreenshot2">抓拍(原)</button>
       <div class="record">
@@ -50,8 +51,8 @@ export default {
       base64Url: '',
 
       // 播放器相关
-      // playUrl: 'https://rtmp01open.ys7.com:9188/v3/openlive/F16423875_4_1.flv?expire=1695696850&id=626370860302729216&t=8c5be77f3d74149d2cdb93f913baf0c171bc33f8d6b6507510e8869b3392a4da&ev=100&supportH265=1',
-      playUrl: '',
+      playUrl: 'https://rtmp01open.ys7.com:9188/v3/openlive/F16423875_4_1.flv?expire=1695696850&id=626370860302729216&t=8c5be77f3d74149d2cdb93f913baf0c171bc33f8d6b6507510e8869b3392a4da&ev=100&supportH265=1',
+      // playUrl: '',
       recordUrl: '',
     }
   },
@@ -92,6 +93,10 @@ export default {
     handleDestroy() {
       this.$refs.vionPlayer.destroy();
     },
+    handleRotate() {
+      console.log('handleRotate');
+      this.$refs.vionPlayer.rotate();
+    },
 
     handlePtz(arrow) {
       console.log('handlePtz', arrow);