@ray-js/ipc-player-integration 0.0.18-beta-4 → 0.0.18-beta-5

package/lib/ui/ui.js

@@ -187,14 +187,13 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
    * 监听播放器实例创建完成
    */
 
-  const handleOrientationChange = data => {
+  const handleOrientationChange = useMemoizedFn(data => {
+    console.log(data, 'data=====');
     const {
       orientation
     } = data;
     if (['portrait', 'portrait-upside-down', 'landscape-left', 'landscape-right'].includes(orientation)) {
-      // setScreenType(
-      //   orientation === 'landscape-left' || orientation === 'landscape-right' ? 'full' : 'vertical'
-      // );
+      setScreenType(orientation === 'landscape-left' || orientation === 'landscape-right' ? 'full' : 'vertical');
       const pageOrientation = orientation === 'landscape-left' || orientation === 'landscape-right' ? 'landscape' : 'portrait';
       const {
         deviceType
@@ -202,7 +201,22 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
       //  针对pad 暂不支持横屏，且在ios pad模式下 会触发onResize事件, 待解决
       if (deviceType === 'pad') {
         setScreenType('vertical');
-        return;
+      } else {
+        setScreenType(pageOrientation === 'landscape' ? 'full' : 'vertical');
+        triggerEvent(showAllComponent);
+      }
+      // 若为全屏模式并且要求按宽填充，即横屏时充满，主动设置模式为-1即可
+      if (pageOrientation === 'landscape' && landscapeMode === 'fill') {
+        console.log(scaleMultiple, '===========fill');
+        setScaleMultiple(-1);
+      } else if (pageOrientation === 'landscape' && landscapeMode === 'standard') {
+        console.log(scaleMultiple, '===========landscape');
+        setScaleMultiple(-2);
+      } else {
+        // 竖屏时 将屏幕播放比例设为按宽按高
+
+        console.log(scaleMultiple, '===========landscape');
+        setScaleMultiple(playerFit === 'contain' ? scaleMultiple === 1 ? -1 : 1 : -2);
       }
       // 强制更改页面转向
       setPageOrientation({
@@ -215,12 +229,16 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
         }
       });
     }
-  };
+  });
 
   /**
    * 监听屏幕布局变化
    */
   usePageEvent('onResize', useMemoizedFn(sizeData => {
+    var _ty4;
+    if (typeof ((_ty4 = ty) === null || _ty4 === void 0 ? void 0 : _ty4.onOrientationChange) === 'function') {
+      return;
+    }
     try {
       const {
         type
@@ -238,34 +256,16 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
       }
       // 若为全屏模式并且要求按宽填充，即横屏时充满，主动设置模式为-1即可
       if (type === 'landscape' && landscapeMode === 'fill') {
-        // instance.IPCPlayerInstance.setObjectFit({
-        //   objectFit: 'fillCrop',
-        // });
         console.log(scaleMultiple, '===========fill');
         setScaleMultiple(-1);
       } else if (type === 'landscape' && landscapeMode === 'standard') {
-        // instance.IPCPlayerInstance.setObjectFit({
-        //   objectFit: 'contain',
-        // });
-        // setTimeout(() => {
-        //   console.log('dsahdjsahjdhsajhdjh==');
-        //   instance.IPCPlayerInstance.setScaleMultiple({
-        //     scaleMultiple: -2,
-        //   });
-        // }, 3000);
         console.log(scaleMultiple, '===========landscape');
         setScaleMultiple(-2);
       } else {
         // 竖屏时 将屏幕播放比例设为按宽按高
-        // console.log(verticalZoomLevel, 'verticalZoomLevel======');
-        // instance.IPCPlayerInstance.setScaleMultiple({
-        //   scaleMultiple: playerFit === 'contain' ? -1 : -2,
-        // });
+
         console.log(scaleMultiple, '===========landscape');
         setScaleMultiple(playerFit === 'contain' ? scaleMultiple === 1 ? -1 : 1 : -2);
-        // instance.IPCPlayerInstance.setObjectFit({
-        //   objectFit: playerFit === 'contain' ? 'fillCrop' : 'contain',
-        // });
       }
     } catch (err) {
       console.log(err, 'err');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ipc-player-integration",
-  "version": "0.0.18-beta-4",
+  "version": "0.0.18-beta-5",
   "description": "IPC 融合播放器",
   "main": "lib/index",
   "files": [