@ray-js/ipc-player-integration 0.0.17 → 0.0.18-beta-1

package/lib/ui/ui.js

@@ -73,6 +73,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     setRecording
   } = instance;
   const prevTriggerEvent = useRef();
+  const hasPlayedRef = useRef(false);
   /*
     player 的UI效果期望有一些控件在初始化的时候都展示，在点击 Player 之后隐藏：
     在控件显示时，点击播放器期望隐藏控件
@@ -94,6 +95,53 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
   // const [verticalCoverZoom, setVerticalCoverZoom] = useState(-2);
   // const [verticalZoomLevel, setVerticalZoomLevel] = useState(playerFit === 'contain' ? 1 : -2);
 
+  useEffect(() => {
+    if (createCtx) {
+      // 获取屏幕方向比例
+      try {
+        var _ty;
+        if (typeof ((_ty = ty) === null || _ty === void 0 ? void 0 : _ty.getOrientationSync) === 'function') {
+          const {
+            orientation
+          } = ty.getOrientationSync();
+          ipcTTTOperatorLog(`同步获取屏幕方向: ${orientation}`);
+          setScreenType(orientation === 'landscape' ? 'full' : 'vertical');
+        }
+      } catch (e) {
+        console.log('获取屏幕方向失败');
+      }
+    }
+  }, [createCtx]);
+  const handleOrientationChange = data => {
+    const {
+      orientation
+    } = data;
+    if (['portrait', 'portrait-upside-down', 'landscape-left', 'landscape-right'].includes(orientation)) {
+      setScreenType(orientation === 'landscape-left' || orientation === 'landscape-right' ? 'full' : 'vertical');
+      const pageOrientation = orientation === 'landscape-left' || orientation === 'landscape-right' ? 'landscape' : 'portrait';
+      setPageOrientation({
+        pageOrientation,
+        success: () => {
+          console.log('success');
+        },
+        fail: err => {
+          console.log('err', err);
+        }
+      });
+    }
+  };
+  useEffect(() => {
+    var _ty2;
+    if (typeof ((_ty2 = ty) === null || _ty2 === void 0 ? void 0 : _ty2.onOrientationChange) === 'function') {
+      ty.onOrientationChange(handleOrientationChange);
+    }
+    return () => {
+      var _ty3;
+      if (typeof ((_ty3 = ty) === null || _ty3 === void 0 ? void 0 : _ty3.offOrientationChange) === 'function') {
+        ty.offOrientationChange(handleOrientationChange);
+      }
+    };
+  }, []);
   useEffect(() => {
     if (createCtx) {
       setScaleMultiple(playerFit === 'contain' ? 1 : -2);
@@ -122,6 +170,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
       const {
         type
       } = sizeData;
+      console.log(type, 'type');
       console.log('监听到屏幕布局变化', type);
       const {
         platform,
@@ -336,7 +385,11 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     if (playState !== PlayState.PLAYING) {
       console.log('非播放状态=======');
       console.log(currentZoomLevel, 'currentZoomLevel');
-      setScaleMultiple(currentZoomLevel);
+      if (hasPlayedRef.current) {
+        setScaleMultiple(currentZoomLevel);
+      }
+    } else if (!hasPlayedRef.current) {
+      hasPlayedRef.current = true;
     }
     setPlayState(playState);
     (_props$onPlayStatus = props.onPlayStatus) === null || _props$onPlayStatus === void 0 || _props$onPlayStatus.call(props, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ipc-player-integration",
-  "version": "0.0.17",
+  "version": "0.0.18-beta-1",
   "description": "IPC 融合播放器",
   "main": "lib/index",
   "files": [
@@ -38,7 +38,7 @@
     "@ray-js/ipc-ptz-zoom": "^0.0.2",
     "@ray-js/panel-sdk": "^1.13.1",
     "@ray-js/direction-control": "^0.0.8",
-    "@ray-js/ray-ipc-player": "^2.0.25",
+    "@ray-js/ray-ipc-player": "2.0.26-beta-1",
     "@ray-js/ray-ipc-utils": "^1.1.10",
     "@ray-js/svg": "0.2.0",
     "clsx": "^1.2.1",