@ray-js/ipc-player-integration 0.0.38 → 0.0.39-beta.1

package/lib/ctx/ctx.js

@@ -11,7 +11,7 @@ import { PlayState, IntercomMode } from '../interface';
 import { changeIgnoreHideStopPreview } from '../ui/constant';
 import { ClarityType } from '@ray-js/ray-ipc-utils/lib/interface';
 import { getEventInstance } from './event';
-import { useMultiCameraCtx } from './multiCameraCtx';
+import { isMultiCameraTileSupported, useMultiCameraCtx } from './multiCameraCtx';
 const SAVE_TO_ALBUM = 1;
 export const createUseCtx = _ref => {
   let {
@@ -42,9 +42,16 @@ export const createUseCtx = _ref => {
     const streamStatus = useRef();
     // 全屏、竖屏
     const [screenType, setScreenType] = useAtom('vertical');
+    const IPCPlayerInstance = useRef();
+    if (!IPCPlayerInstance.current) {
+      IPCPlayerInstance.current = createPlayContext(devId);
+    }
 
-    // 是否处于竖屏填充布局
-    const [isVerticalFullLayout, setIsVerticalFullLayout] = useAtom(false);
+    // 是否处于竖屏填充布局。
+    // 多目平铺设备首帧即按竖屏填充渲染：screenMode 初始就是 full（multiCameraCtx），
+    // 若此处初始为 false，首帧会以 16:9 短屏渲染、effect 后才切全高，
+    // 原生层在该尺寸跳变窗口内可能丢失 viewPos 更新，残留短屏尺寸。
+    const [isVerticalFullLayout, setIsVerticalFullLayout] = useAtom(isMultiCameraTileSupported(videoSplitProtocol, IPCPlayerInstance.current));
 
     // 录像中
     const [recording] = useAtom(false);
@@ -184,10 +191,6 @@ export const createUseCtx = _ref => {
 
     // 判断是否已经有了对应id的content
 
-    const IPCPlayerInstance = useRef();
-    if (!IPCPlayerInstance.current) {
-      IPCPlayerInstance.current = createPlayContext(devId);
-    }
     const _setMute = async function (target) {
       let onlyUpdateAtom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       if (onlyUpdateAtom) {

package/lib/ctx/multiCameraCtx.d.ts

@@ -16,6 +16,10 @@ interface Props {
     IPCPlayerInstance: IpcContext;
     videoSplitProtocol?: VideoSplitProtocol;
 }
+/**
+ * 是否支持多目平铺布局（协议 + 基础库能力），首次渲染即可同步判定
+ */
+export declare const isMultiCameraTileSupported: (videoSplitProtocol?: VideoSplitProtocol, IPCPlayerInstance?: IpcContext) => boolean;
 /**
  * 多目摄像头相关状态、方法维护
  */

package/lib/ctx/multiCameraCtx.js

@@ -25,6 +25,13 @@ const DEFAULT_SELECTED_LEN_INFO = {
   supportLocalizer: false,
   supportZoom: false
 };
+/**
+ * 是否支持多目平铺布局（协议 + 基础库能力），首次渲染即可同步判定
+ */
+export const isMultiCameraTileSupported = (videoSplitProtocol, IPCPlayerInstance) => {
+  return (videoSplitProtocol === null || videoSplitProtocol === void 0 ? void 0 : videoSplitProtocol.total_split_num) > 1 && (videoSplitProtocol === null || videoSplitProtocol === void 0 ? void 0 : videoSplitProtocol.p_v) >= 3 && typeof (IPCPlayerInstance === null || IPCPlayerInstance === void 0 ? void 0 : IPCPlayerInstance.switchLayoutStyle) === 'function';
+};
+
 /**
  * 多目摄像头相关状态、方法维护
  */
@@ -35,7 +42,7 @@ export const useMultiCameraCtx = props => {
     videoSplitProtocol = DEFAULT_VIDEO_SPLIT_PROTOCOL
   } = props;
   const isSupport = useMemo(() => {
-    return (videoSplitProtocol === null || videoSplitProtocol === void 0 ? void 0 : videoSplitProtocol.total_split_num) > 1 && (videoSplitProtocol === null || videoSplitProtocol === void 0 ? void 0 : videoSplitProtocol.p_v) >= 3 && typeof (IPCPlayerInstance === null || IPCPlayerInstance === void 0 ? void 0 : IPCPlayerInstance.switchLayoutStyle) === 'function';
+    return isMultiCameraTileSupported(videoSplitProtocol, IPCPlayerInstance);
   }, [IPCPlayerInstance, videoSplitProtocol]);
   const dpSupportMap = useDpSupport({
     devId,

package/package.json

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