@ray-js/ipc-player-integration 0.0.29-beta.9 → 0.0.30

package/lib/widgets/index.js

@@ -15,4 +15,6 @@ export * from './verticalSmallIntercom';
 export * from './moveInteractiveControl';
 export * from './ptzControlTip';
 export * from './multiCamera';
-export * from './smallIntercom';
+export * from './smallIntercom';
+export * from './toggleVerticalFull';
+export * from './flowLowTip';

package/lib/widgets/multiCamera/index.less

@@ -47,6 +47,7 @@
   --ptz-circle-inner-bg-color: rgba(255, 255, 255, 1);
 }
 
+
 .@{prefix}-tile-tip-wrap {
   position: absolute;
   top: 0;
@@ -212,3 +213,25 @@
     }
   }
 }
+
+.ipc-player-content-small-screen {
+  .@{prefix}-tile-tip-wrap {
+    .@{prefix}-tile-tip-content {
+      &.@{prefix}-step1 {
+        right: 0px;
+      }
+    }
+  }
+
+  .@{prefix}-tile-tip-text {
+    &.@{prefix}-step1 {
+      right: 14px;
+    }
+  }
+
+  .@{prefix}-tile-tip-button {
+    &.@{prefix}-step1 {
+      right: 14px;
+    }
+  }
+}

package/lib/widgets/multiCamera/moveablePtzControl.js

@@ -1,10 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
 import { CoverView, View } from '@ray-js/ray';
 import { getDpIdByCode, publishDps } from '@ray-js/ray-ipc-utils';
 import _find from 'lodash/find';
 import _get from 'lodash/get';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import IpcPtzZoom from '@ray-js/ipc-ptz-zoom';
 import { useStore } from '../../ctx/store';
 import { useMemoizedFn } from '../../hooks';
@@ -12,6 +14,7 @@ import { MultiCameraScreenMode } from '../../interface';
 import { pauseTimeToHideAllComponent, startTimeToHideAllComponent } from '../../ui/constant';
 import { UIEventContext } from '../../ui/context';
 import { getEnumRangeIsValid } from '../../utils/device';
+import { patchPtzDataShowByProtocol, patchZoomDataShowByProtocol } from '../../utils';
 import Styles from '../ptz/ptz.less';
 import { multiPrefix } from './constants';
 import './index.less';
@@ -161,8 +164,14 @@ export const MoveablePtzControlItem = props => {
     event
   } = useContext(UIEventContext);
   const ptzTimeId = useRef(null);
-  const ptzData = useRef(getPtzData(devId));
-  const zoomData = useRef(getZoomData(devId));
+  const ptzData = useMemo(() => {
+    const data = getPtzData(devId);
+    return patchPtzDataShowByProtocol(data, multiCameraCtx.protocol, selectedLenInfo.index, multiCameraCtx.isSupport);
+  }, [devId, multiCameraCtx.isSupport, multiCameraCtx.protocol, selectedLenInfo.index]);
+  const zoomData = useMemo(() => {
+    const data = patchZoomDataShowByProtocol(getZoomData(devId), multiCameraCtx.isSupport);
+    return data.filter(item => item.show);
+  }, [devId, multiCameraCtx.isSupport]);
   useEffect(() => {
     const pages = getCurrentPages();
     const page = pages[pages.length - 1];
@@ -247,7 +256,7 @@ export const MoveablePtzControlItem = props => {
       event: touchEvent
     } = data;
     touchEvent.stopPropagation();
-    const dpValue = _get(_find(ptzData.current, {
+    const dpValue = _get(_find(ptzData, {
       type
     }), 'dpValue', null);
     const ptzConfig = dpSupportMap.ipc_multi_ptz_control ? {
@@ -281,7 +290,7 @@ export const MoveablePtzControlItem = props => {
       event: touchEvent
     } = data;
     touchEvent.stopPropagation();
-    const dpValue = _get(_find(zoomData.current, {
+    const dpValue = _get(_find(zoomData, {
       type
     }), 'dpValue', null);
     const zoomConfig = dpSupportMap.ipc_multi_zoom_control ? {
@@ -377,8 +386,8 @@ export const MoveablePtzControlItem = props => {
     className: `${multiPrefix}-moveable-ptz-control`,
     ptzSize: "172px",
     zoomSize: "66px",
-    zoomData: selectedLenInfo.supportZoom ? zoomData.current : [],
-    ptzData: selectedLenInfo.supportPTZ ? ptzData.current : [],
+    zoomData: selectedLenInfo.supportZoom ? zoomData : [],
+    ptzData: selectedLenInfo.supportPTZ ? ptzData : [],
     onTouchPtzStart: onTouchPtzStart,
     onTouchPtzEnd: async () => {
       screenMode === MultiCameraScreenMode.landscape && event.emit(startTimeToHideAllComponent);

package/lib/widgets/multiCamera/tileActions.js

@@ -9,7 +9,7 @@ import './index.less';
 export function TileActions(props) {
   return /*#__PURE__*/React.createElement(View, {
     className: clsx(`${multiPrefix}-actions`)
-  }, /*#__PURE__*/React.createElement(TileSwitchLayout, props), /*#__PURE__*/React.createElement(TileMultiPtz, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(TileMultiPtz, _extends({}, props, {
     className: `${multiPrefix}-action-wrap`
-  })));
+  })), /*#__PURE__*/React.createElement(TileSwitchLayout, props));
 }

package/lib/widgets/toggleVerticalFull/index.d.ts

@@ -0,0 +1 @@
+export * from './toggleVerticalFull';

package/lib/widgets/toggleVerticalFull/index.js

@@ -0,0 +1 @@
+export * from './toggleVerticalFull';

package/lib/widgets/toggleVerticalFull/toggleVerticalFull.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ComponentConfigProps } from '../../interface';
+import './toggleVerticalFull.less';
+type Props = ComponentConfigProps & {
+    className?: string;
+};
+export declare function ToggleVerticalFull(props: Props): React.JSX.Element | null;
+export {};

package/lib/widgets/toggleVerticalFull/toggleVerticalFull.js

@@ -0,0 +1,32 @@
+import { Text, View } from '@ray-js/ray';
+import clsx from 'clsx';
+import React from 'react';
+import { useStore } from '../../ctx/store';
+import './toggleVerticalFull.less';
+export function ToggleVerticalFull(props) {
+  const {
+    className,
+    screenType: screenTypeAtom,
+    isVerticalFullLayout: isVerticalFullLayoutAtom,
+    setIsVerticalFullLayout
+  } = props;
+  const {
+    screenType,
+    isVerticalFullLayout
+  } = useStore({
+    screenType: screenTypeAtom,
+    isVerticalFullLayout: isVerticalFullLayoutAtom
+  });
+
+  // 横屏时隐藏
+  if (screenType === 'full') return null;
+  const iconClassName = isVerticalFullLayout ? 'icon-panel-collapse' : 'icon-panel-expand';
+  return /*#__PURE__*/React.createElement(View, {
+    className: clsx(className),
+    onTouchStart: () => {
+      setIsVerticalFullLayout(!isVerticalFullLayout);
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: clsx(['icon-panel', iconClassName, 'toggle-vertical-full'])
+  }));
+}

package/lib/widgets/toggleVerticalFull/toggleVerticalFull.less

@@ -0,0 +1,4 @@
+.toggle-vertical-full {
+  font-size: var(--iconPlayerSize);
+  color: var(--iconColor);
+}

package/lib/widgets/voiceIntercom/voiceIntercom.js

@@ -2,7 +2,6 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useRef, useContext, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
 import { View, Image, getSystemInfoSync } from '@ray-js/ray';
 import clsx from 'clsx';
-import Svg from '@ray-js/svg';
 import { useStore, getDefaultStore, updateAtom } from '../../ctx/store';
 import './voiceIntercom.less';
 import { PlayerStreamStatus, IntercomMode, PlayState } from '../../interface';
@@ -27,8 +26,7 @@ export const VoiceIntercom = /*#__PURE__*/forwardRef((props, ref) => {
     onTouchStart = NILL,
     onTouchEnd = NILL,
     mode = 'circle',
-    widthScale = 0.11,
-    heightScale = 0.12,
+    scale = 1,
     talkingColor = '#ffffff',
     bgColor,
     disabled = false
@@ -182,10 +180,6 @@ export const VoiceIntercom = /*#__PURE__*/forwardRef((props, ref) => {
   }, [intercom]);
 
   // 根据当前帧和矩形索引计算高度
-  const getHeight = (frame, index) => {
-    const animationFactor = Math.sin((frame + index) / 5) * 20; // 使用正弦波来模拟动态变化
-    return [50, 130, 180, 130, 50][index] + animationFactor; // 可以根据需求修改此逻辑
-  };
 
   // 渲染对讲中的动画
 
@@ -205,20 +199,18 @@ export const VoiceIntercom = /*#__PURE__*/forwardRef((props, ref) => {
     className: clsx({
       'ipc-player-plugin-voice-small-ing-intercom': mode !== 'circle'
     })
-  }, /*#__PURE__*/React.createElement(Svg, {
-    width: `${200 * widthScale}px`,
-    height: `${200 * heightScale}px`,
-    viewBox: `0 0 ${200 * widthScale} ${200 * heightScale}`
-  }, [0, 1, 2, 3, 4].map(index => /*#__PURE__*/React.createElement("rect", {
+  }, /*#__PURE__*/React.createElement(View, {
+    className: clsx('bars'),
+    style: {
+      transform: `scale(${scale})`,
+      transformOrigin: 'center'
+    }
+  }, [0, 1, 2, 3, 4].map(index => /*#__PURE__*/React.createElement(View, {
     key: index,
-    x: (index * 34 + 20) * widthScale,
-    y: (200 - getHeight(frame, index)) / 2 * heightScale,
-    width: 20 * widthScale,
-    height: getHeight(frame, index) * heightScale,
-    fill: talkingColor,
-    rx: index === 0 || index === 4 ? 1 : 2 // 控制圆角
-    ,
-    ry: index === 0 || index === 4 ? 1 : 2
+    className: clsx('bar'),
+    style: {
+      background: talkingColor
+    }
   })))))() : (() => {
     if (icon) {
       if (typeof icon === 'string') {

package/lib/widgets/voiceIntercom/voiceIntercom.less

@@ -66,3 +66,88 @@
   width: 42%;
   height: 42%;
 }
+
+.bars {
+  padding: 0 1px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.bar {
+  width: 2px;
+  background: white;
+  margin: 0 1px;
+  border-radius: 5px;
+  animation-duration: 0.5s !important;
+  animation-timing-function: ease-in-out;
+  animation-iteration-count: infinite;
+}
+
+.bar:nth-child(1) {
+  height: 5px;
+  animation-name: bounce1;
+  animation-delay: -0.4s;
+}
+
+.bar:nth-child(2) {
+  height: 10px;
+  animation-name: bounce2;
+  animation-delay: -0.2s;
+}
+
+.bar:nth-child(3) {
+  height: 16px;
+  animation-name: bounce3;
+}
+
+.bar:nth-child(4) {
+  height: 10px;
+  animation-name: bounce2;
+  animation-delay: -0.2s;
+}
+
+.bar:nth-child(5) {
+  height: 5px;
+  animation-name: bounce1;
+  animation-delay: -0.4s;
+}
+
+@keyframes bounce1 {
+  0%,
+  100% {
+    transform: scaleY(1);
+  }
+  50% {
+    transform: scaleY(1.5);
+  }
+}
+
+@keyframes bounce2 {
+  0%,
+  100% {
+    transform: scaleY(1);
+  }
+  50% {
+    transform: scaleY(1.4);
+  }
+}
+
+@keyframes bounce3 {
+  0%,
+  100% {
+    transform: scaleY(1);
+  }
+  50% {
+    transform: scaleY(1.2);
+  }
+}
+
+// @keyframes bars-move {
+//   0% {
+//     transform: translateX(0) translateY(-50%) rotate(45deg);
+//   }
+//   100% {
+//     transform: translateX(10px) translateY(-50%) rotate(45deg);
+//   }
+// }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ipc-player-integration",
-  "version": "0.0.29-beta.9",
+  "version": "0.0.30",
   "description": "IPC 融合播放器",
   "main": "lib/index",
   "files": [
@@ -36,9 +36,9 @@
   },
   "dependencies": {
     "@ray-js/direction-control": "^0.0.8",
-    "@ray-js/ipc-ptz-zoom": "0.0.3-beta-2",
-    "@ray-js/ray-ipc-player": "2.1.0-beta.2",
-    "@ray-js/ray-ipc-utils": "1.1.13-beta.1",
+    "@ray-js/ipc-ptz-zoom": "^0.0.3",
+    "@ray-js/ray-ipc-player": "^2.1.0",
+    "@ray-js/ray-ipc-utils": "^1.1.14",
     "@ray-js/svg": "0.2.0",
     "clsx": "^1.2.1",
     "color": "^5.0.2",

package/lib/features/initPlayerWidgets/multiCamera.d.ts

@@ -1,8 +0,0 @@
-import { UseCtx } from '../../interface';
-import { InitPlayerWidgetsOptions } from '.';
-type Ctx = ReturnType<UseCtx>;
-/**
- * 多目设备初始化控件
- */
-export declare function initMultiCameraPlayerWidgets(ctx: Ctx, options: InitPlayerWidgetsOptions): void;
-export {};

package/lib/features/initPlayerWidgets/multiCamera.js

@@ -1,78 +0,0 @@
-import { FullScreen, MultiPtz, Muted, RecordVideo, Resolution, Screenshot, SmallIntercom, SwitchLayout, VideoBitKBP, TileTip, TileActions, LandscapeTip, MoveablePtzControl, PtzMoveableTip } from '../../widgets';
-import { landscapeTipId, moveablePtzControlId, multiPtzId, ptzMoveableTipId, tileActionsId, tileTipId } from '../../ui/constant';
-import { multiPrefix } from '../../widgets/multiCamera/constants';
-/**
- * 多目设备初始化控件
- */
-export function initMultiCameraPlayerWidgets(ctx, options) {
-  const topRightContent = [{
-    id: 'VideoBitKBP',
-    content: VideoBitKBP
-  }];
-  const bottomLeftContent = [{
-    id: 'Screenshot',
-    content: Screenshot
-  }, {
-    id: 'RecordVideo',
-    content: RecordVideo
-  }, {
-    id: 'Muted',
-    content: Muted
-  }, {
-    id: 'SmallIntercom',
-    content: SmallIntercom
-  }, {
-    id: multiPtzId,
-    content: MultiPtz,
-    hidden: true
-  }, {
-    id: 'Resolution',
-    content: Resolution,
-    initProps: {
-      verticalResolutionCustomClick: options.verticalResolutionCustomClick
-    }
-  }];
-  const bottomRightContent = [{
-    id: 'SwitchLayout',
-    content: SwitchLayout
-  }, {
-    id: 'FullScreen',
-    content: FullScreen
-  }];
-  const removeContentById = (content, id) => {
-    content.splice(content.findIndex(item => item.id === id), 1);
-  };
-  options.hideKbsMenu && removeContentById(topRightContent, 'VideoBitKBP');
-  options.hideScreenShotMenu && removeContentById(bottomLeftContent, 'Screenshot');
-  options.hideRecordVideoMenu && removeContentById(bottomLeftContent, 'RecordVideo');
-  options.hideHorizontalMenu && removeContentById(bottomRightContent, 'FullScreen');
-  ctx.addContent('topLeft', []);
-  ctx.addContent('topRight', topRightContent);
-  ctx.addContent('bottomLeft', bottomLeftContent);
-  ctx.addContent('bottomRight', bottomRightContent);
-  ctx.addContent('absolute', [{
-    id: tileTipId,
-    content: TileTip,
-    absoluteContentClassName: `${multiPrefix}-tile-tip-wrap`,
-    hidden: true
-  }, {
-    id: ptzMoveableTipId,
-    content: PtzMoveableTip,
-    absoluteContentClassName: `${multiPrefix}-tile-tip-wrap`,
-    hidden: true
-  }, {
-    id: landscapeTipId,
-    content: LandscapeTip,
-    absoluteContentClassName: `${multiPrefix}-tile-tip-wrap`,
-    hidden: true
-  }, {
-    id: tileActionsId,
-    absoluteContentClassName: `${multiPrefix}-actions-wrap`,
-    content: TileActions
-  }, {
-    id: moveablePtzControlId,
-    content: MoveablePtzControl,
-    absoluteNoCoverView: true,
-    hidden: true
-  }]);
-}

package/lib/widgets/battery/battery.composition.d.ts

@@ -1,159 +0,0 @@
-/// <reference types="react" />
-export declare const Battery: import("react").FunctionComponent<{
-    IPCPlayerContext: import("../..").IpcContext;
-} & {
-    devId: string;
-    brandColor: import("../..").RetAtom<string>;
-    verticalMic: import("../..").RetAtom<boolean>;
-    saveToAlbum: 0 | 1;
-    showPtzControlTip: boolean;
-    screenType: import("../..").RetAtom<import("../..").ScreenType>;
-    recording: import("../..").RetAtom<boolean>;
-    recordingDisabled: import("../..").RetAtom<boolean>;
-    mute: import("../..").RetAtom<boolean>;
-    intercom: import("../..").RetAtom<boolean>;
-    intercomMode: import("../..").RetAtom<import("@ray-js/ray-ipc-utils/lib/interface").IntercomMode>;
-    intercomSupported: import("../..").RetAtom<boolean>;
-    resolution: import("../..").RetAtom<string>;
-    resolutionList: import("../..").RetAtom<string[]>;
-    playState: import("../..").RetAtom<import("../..").PlayState>;
-    IPCPlayerInstance: import("../..").IpcContext;
-    topLeftContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    topRightContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    bottomLeftContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    bottomRightContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    absoluteContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    ptzControlTipDisabled: import("../..").RetAtom<boolean>;
-    setPtzControlTipDisabled: (value: boolean) => void;
-    setBrandColor: (color: string) => void;
-    setVerticalMic: (value: boolean) => void;
-    setScreenType: (type: import("../..").ScreenType) => void;
-    setRecordingDisabled: (type: boolean) => void;
-    setResolution: (type: string) => void;
-    setResolutionList: (type: string[]) => void;
-    setRecording: (value: boolean, onlyUpdateAtom?: boolean | undefined) => Promise<import("../..").RecordInfoData>;
-    setIntercom: (value: boolean, onlyUpdateAtom?: boolean | undefined) => Promise<boolean>;
-    setMute: (value: boolean) => Promise<boolean>;
-    changeStreamStatus: (value: import("../..").PlayerStreamStatus) => void;
-    getStreamStatus: () => import("../..").PlayerStreamStatus;
-    setPlayState: (value: import("../..").PlayState) => void;
-    addContent: <T>(type: import("../..").ContentPlaceType, config: import("../..").ComponentConfig<T> | import("../..").ComponentConfig<T>[], position?: number | undefined) => void;
-    deleteContent: (type: import("../..").ContentPlaceType, id: string) => void;
-    getContent: () => {
-        topLeft: import("../..").ComponentConfig<any & Record<string, any>>[];
-        topRight: import("../..").ComponentConfig<any & Record<string, any>>[];
-        bottomLeft: import("../..").ComponentConfig<any & Record<string, any>>[];
-        bottomRight: import("../..").ComponentConfig<any & Record<string, any>>[];
-        absolute: import("../..").ComponentConfig<any & Record<string, any>>[];
-    };
-    updateContent: (type: import("../..").ContentPlaceType, data: import("../..").ComponentConfig<any & Record<string, any>>[]) => void;
-    hasContent: (type: import("../..").ContentPlaceType, id: string) => boolean;
-    hideContent: (type: import("../..").ContentPlaceType, id: string) => void;
-    showContent: (type: import("../..").ContentPlaceType, id: string) => void;
-    toast: import("../../ports.output").Toast;
-    event: import("../..").EventInstance;
-    multiCameraCtx: {
-        isSupport: boolean;
-        protocol: import("../..").VideoSplitProtocol;
-        layoutStyle: import("../..").RetAtom<import("../..").MultiCameraLayoutStyle>;
-        screenMode: import("../..").RetAtom<import("../..").MultiCameraScreenMode>;
-        nextLayoutStyle: import("../..").RetAtom<import("../..").MultiCameraLayoutStyle>;
-        selectedLenInfo: import("../..").RetAtom<import("../..").MultiCameraLenInfo>;
-        ptzStatus: import("../..").RetAtom<boolean>;
-        dpSupportMap: Record<"ptz_control" | "ipc_multi_locate_coor" | "zoom_control" | "ipc_multi_locate_coors" | "ipc_multi_ptz_control" | "ipc_multi_zoom_control", boolean>;
-        extendProps: {
-            type: number | undefined;
-            onSelectVideoIndex: (this: any, event: any) => void;
-            onLayoutStatusChanged: (this: any, event: any) => void;
-            onLocalizerViewLocated: (this: any, event: any) => Promise<void>;
-            onSwipeAtVideoIndex: (this: any, event: any) => Promise<void>;
-        };
-        setLayoutStyle: (this: unknown, style: import("../..").MultiCameraLayoutStyle) => void;
-        setScreenMode: (this: unknown, mode: import("../..").MultiCameraScreenMode) => void;
-        setPtzStatus: (value: boolean | ((prevValue: boolean) => boolean)) => void;
-        showLenNames: (this: unknown, value: boolean) => void;
-        setNextLayoutStyle: (value: import("../..").MultiCameraLayoutStyle | ((prevValue: import("../..").MultiCameraLayoutStyle) => import("../..").MultiCameraLayoutStyle)) => void;
-        getNextLayoutStyle: (this: unknown) => Promise<import("../..").MultiCameraLayoutStyle>;
-    };
-} & {
-    className?: string | undefined;
-}>;
-export declare const BatteryFull: import("react").FunctionComponent<{
-    IPCPlayerContext: import("../..").IpcContext;
-} & {
-    devId: string;
-    brandColor: import("../..").RetAtom<string>;
-    verticalMic: import("../..").RetAtom<boolean>;
-    saveToAlbum: 0 | 1;
-    showPtzControlTip: boolean;
-    screenType: import("../..").RetAtom<import("../..").ScreenType>;
-    recording: import("../..").RetAtom<boolean>;
-    recordingDisabled: import("../..").RetAtom<boolean>;
-    mute: import("../..").RetAtom<boolean>;
-    intercom: import("../..").RetAtom<boolean>;
-    intercomMode: import("../..").RetAtom<import("@ray-js/ray-ipc-utils/lib/interface").IntercomMode>;
-    intercomSupported: import("../..").RetAtom<boolean>;
-    resolution: import("../..").RetAtom<string>;
-    resolutionList: import("../..").RetAtom<string[]>;
-    playState: import("../..").RetAtom<import("../..").PlayState>;
-    IPCPlayerInstance: import("../..").IpcContext;
-    topLeftContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    topRightContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    bottomLeftContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    bottomRightContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    absoluteContent: import("../..").RetAtom<import("../..").ComponentConfig<any & Record<string, any>>[]>;
-    ptzControlTipDisabled: import("../..").RetAtom<boolean>;
-    setPtzControlTipDisabled: (value: boolean) => void;
-    setBrandColor: (color: string) => void;
-    setVerticalMic: (value: boolean) => void;
-    setScreenType: (type: import("../..").ScreenType) => void;
-    setRecordingDisabled: (type: boolean) => void;
-    setResolution: (type: string) => void;
-    setResolutionList: (type: string[]) => void;
-    setRecording: (value: boolean, onlyUpdateAtom?: boolean | undefined) => Promise<import("../..").RecordInfoData>;
-    setIntercom: (value: boolean, onlyUpdateAtom?: boolean | undefined) => Promise<boolean>;
-    setMute: (value: boolean) => Promise<boolean>;
-    changeStreamStatus: (value: import("../..").PlayerStreamStatus) => void;
-    getStreamStatus: () => import("../..").PlayerStreamStatus;
-    setPlayState: (value: import("../..").PlayState) => void;
-    addContent: <T>(type: import("../..").ContentPlaceType, config: import("../..").ComponentConfig<T> | import("../..").ComponentConfig<T>[], position?: number | undefined) => void;
-    deleteContent: (type: import("../..").ContentPlaceType, id: string) => void;
-    getContent: () => {
-        topLeft: import("../..").ComponentConfig<any & Record<string, any>>[];
-        topRight: import("../..").ComponentConfig<any & Record<string, any>>[];
-        bottomLeft: import("../..").ComponentConfig<any & Record<string, any>>[];
-        bottomRight: import("../..").ComponentConfig<any & Record<string, any>>[];
-        absolute: import("../..").ComponentConfig<any & Record<string, any>>[];
-    };
-    updateContent: (type: import("../..").ContentPlaceType, data: import("../..").ComponentConfig<any & Record<string, any>>[]) => void;
-    hasContent: (type: import("../..").ContentPlaceType, id: string) => boolean;
-    hideContent: (type: import("../..").ContentPlaceType, id: string) => void;
-    showContent: (type: import("../..").ContentPlaceType, id: string) => void;
-    toast: import("../../ports.output").Toast;
-    event: import("../..").EventInstance;
-    multiCameraCtx: {
-        isSupport: boolean;
-        protocol: import("../..").VideoSplitProtocol;
-        layoutStyle: import("../..").RetAtom<import("../..").MultiCameraLayoutStyle>;
-        screenMode: import("../..").RetAtom<import("../..").MultiCameraScreenMode>;
-        nextLayoutStyle: import("../..").RetAtom<import("../..").MultiCameraLayoutStyle>;
-        selectedLenInfo: import("../..").RetAtom<import("../..").MultiCameraLenInfo>;
-        ptzStatus: import("../..").RetAtom<boolean>;
-        dpSupportMap: Record<"ptz_control" | "ipc_multi_locate_coor" | "zoom_control" | "ipc_multi_locate_coors" | "ipc_multi_ptz_control" | "ipc_multi_zoom_control", boolean>;
-        extendProps: {
-            type: number | undefined;
-            onSelectVideoIndex: (this: any, event: any) => void;
-            onLayoutStatusChanged: (this: any, event: any) => void;
-            onLocalizerViewLocated: (this: any, event: any) => Promise<void>;
-            onSwipeAtVideoIndex: (this: any, event: any) => Promise<void>;
-        };
-        setLayoutStyle: (this: unknown, style: import("../..").MultiCameraLayoutStyle) => void;
-        setScreenMode: (this: unknown, mode: import("../..").MultiCameraScreenMode) => void;
-        setPtzStatus: (value: boolean | ((prevValue: boolean) => boolean)) => void;
-        showLenNames: (this: unknown, value: boolean) => void;
-        setNextLayoutStyle: (value: import("../..").MultiCameraLayoutStyle | ((prevValue: import("../..").MultiCameraLayoutStyle) => import("../..").MultiCameraLayoutStyle)) => void;
-        getNextLayoutStyle: (this: unknown) => Promise<import("../..").MultiCameraLayoutStyle>;
-    };
-} & {
-    className?: string | undefined;
-}>;