@ray-js/ipc-player-integration 0.0.1-beta-59 → 0.0.1-beta-61

package/lib/ctx/ctx.composition.d.ts

@@ -1,4 +1,4 @@
-import { FullScreen } from '../plugins';
+import { FullScreen } from '../widgets';
 import { ComponentConfig } from '../interface';
 export declare const defaultTopLeftContent: ComponentConfig[];
 export declare const defaultTopRightContent: ComponentConfig[];

package/lib/ctx/ctx.composition.js

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["title", "duration"];
-import IPCUtils from '@ray-js/ray-ipc-utils';
+import { getCameraConfigInfo } from '@ray-js/ray-ipc-utils';
 import { IntercomMode, MuteMode, ClarityType } from '@ray-js/ray-ipc-utils/lib/interface';
 import { createUseCtx } from './ctx';
-import { FullSmallIntercom, VerticalSmallIntercom, BatteryFull, Battery, Screenshot, TempHumidity, RecordVideo, FullScreen, VideoBitKBP, Muted, Resolution, Ptz } from '../plugins';
+import { FullSmallIntercom, VerticalSmallIntercom, BatteryFull, Battery, Screenshot, TempHumidity, RecordVideo, FullScreen, VideoBitKBP, Muted, Resolution, Ptz } from '../widgets';
 import { authorizeStatus } from '../utils/authorize';
 const createPlayContext = ty.createIpcPlayerContext;
 // const createPlayContext = () => null;
@@ -72,7 +72,7 @@ const getMemoryState = devId => {
     isIntercomSupported: false
   };
   return new Promise(resolve => {
-    IPCUtils.getCameraConfigInfo(devId).then(res => {
+    getCameraConfigInfo(devId).then(res => {
       if (res.code === -1) {
         return resolve(defaultValue);
       }
@@ -113,7 +113,6 @@ const setResolutionMemoryState = (devId, value) => {
   const newData = originStorage ? _objectSpread({}, originStorage) : null;
   if (newData) {
     newData.cachedResolution = value;
-    console.log(newData, 'newData');
     // @ts-ignore
     ty.setStorageSync({
       key: storageKey,

package/lib/ctx/ctx.js

@@ -32,7 +32,8 @@ export const createUseCtx = _ref => {
       initBottomLeftContent,
       initBottomRightContent,
       initAbsoluteContent,
-      saveToAlbum = SAVE_TO_ALBUM
+      saveToAlbum = SAVE_TO_ALBUM,
+      showPtzControlTip = false
     } = _ref2;
     const streamStatus = useRef();
     // 全屏、竖屏
@@ -43,7 +44,8 @@ export const createUseCtx = _ref => {
 
     // 录像是否不可点击
     const [recordingDisabled, setRecordingDisabled] = useAtom(false);
-
+    // 是否展示ptz player控制提示框
+    const [ptzControlTipDisabled, setPtzControlTipDisabled] = useAtom(showPtzControlTip);
     // 静音 true 代表静音 false 代表不静音
     const [mute] = useAtom(true);
 
@@ -89,7 +91,6 @@ export const createUseCtx = _ref => {
         if (!devId) return;
         try {
           const res = await getMemoryState(devId);
-          console.log('==== getMemoryState ====xghazh', res);
           setResolutionList(res.resolutionList);
           _setResolution(res.resolution, true);
           _setMute(res.mute, true);
@@ -104,7 +105,6 @@ export const createUseCtx = _ref => {
       if (devId && _playState === PlayState.PLAYING) {
         // 获取缓存的值且同步
         getMemoryState(devId).then(res => {
-          console.log('PlayingMemoryState', res);
           setResolutionList(res.resolutionList);
           // 传true表示值即可,会取播放器的值
           _setResolution(res.resolution, true);
@@ -194,7 +194,6 @@ export const createUseCtx = _ref => {
           clarity: target === ClarityType.HD ? 'hd' : 'normal',
           success: () => {
             setResolutionMemoryState(devId, target);
-            console.log('setClarity success', target);
             updateAtom(resolution, target);
             resolve(true);
           },
@@ -214,6 +213,7 @@ export const createUseCtx = _ref => {
       screenType,
       recording,
       recordingDisabled,
+      ptzControlTipDisabled,
       mute,
       resolution,
       resolutionList,
@@ -222,6 +222,7 @@ export const createUseCtx = _ref => {
       intercomSupported,
       playState,
       setPlayState,
+      setPtzControlTipDisabled,
       setBrandColor,
       setVerticalMic,
       setIntercom: async target => {
@@ -286,9 +287,7 @@ export const createUseCtx = _ref => {
                           const {
                             platform
                           } = getSystemInfoSync();
-                          console.log(platform, 'platform');
                           openAppSystemSettingPage({
-                            // scope: platform === 'ios' ? 'App-Settings' : 'App-Settings-Permission',
                             scope: 'App-Settings',
                             success: () => {
                               console.log('跳转成功');
@@ -370,12 +369,7 @@ export const createUseCtx = _ref => {
                       isShowGlobal: true,
                       success: res => {
                         if (res.confirm) {
-                          const {
-                            platform
-                          } = getSystemInfoSync();
-                          console.log(platform, 'platform');
                           openAppSystemSettingPage({
-                            // scope: platform === 'ios' ? 'App-Settings' : 'App-Settings-Permission',
                             scope: 'App-Settings',
                             success: () => {
                               console.log('跳转成功');

package/lib/features/index.d.ts

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

package/lib/features/index.js

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

package/lib/{utils/plugins → features/initPlayerWidgets}/index.d.ts

@@ -1,6 +1,6 @@
 import { UseCtx } from '../../interface';
 type Ctx = ReturnType<UseCtx>;
-export declare function initPlayerPlugins(ctx: Ctx, options: {
+export declare function initPlayerWidgets(ctx: Ctx, options: {
     verticalResolutionCustomClick?: boolean;
     hideHorizontalMenu?: boolean;
     throttleTime?: number;

package/lib/{utils/plugins → features/initPlayerWidgets}/index.js

@@ -1,14 +1,15 @@
 import _cloneDeep from 'lodash/cloneDeep';
 import { defaultTopLeftContent, defaultTopRightContent, defaultBottomLeftContent, defaultBottomRightContent } from '../../ctx';
 import { hasDpCode } from '../../utils/device';
-import { MoveInteractiveControlButton } from '../../plugins/moveInteractiveControl';
+import { MoveInteractiveControlButton } from '../../widgets/moveInteractiveControl';
 // 根据当前 dp 信息决定设置哪些 plugin
-export async function initPlayerPlugins(ctx, options) {
+export async function initPlayerWidgets(ctx, options) {
   ctx.addContent('topLeft', defaultTopLeftContent);
   ctx.addContent('topRight', defaultTopRightContent);
   const newDefaultBottomLeftContent = _cloneDeep(defaultBottomLeftContent);
   const resolutionIndex = newDefaultBottomLeftContent.findIndex(item => item.id === 'Resolution');
   if (resolutionIndex !== -1) {
+    // @ts-ignore
     newDefaultBottomLeftContent[resolutionIndex].initProps = {
       verticalResolutionCustomClick: options.verticalResolutionCustomClick
     };
@@ -17,6 +18,7 @@ export async function initPlayerPlugins(ctx, options) {
   const newDefaultBottomRightContent = _cloneDeep(defaultBottomRightContent);
   const fullScreenIndex = newDefaultBottomRightContent.findIndex(item => item.id === 'FullScreen');
   if (fullScreenIndex !== -1) {
+    // @ts-ignore
     newDefaultBottomRightContent[fullScreenIndex].initProps = {
       hideHorizontalMenu: options.hideHorizontalMenu,
       throttleTime: options.throttleTime

package/lib/i18n/index.d.ts

@@ -20,6 +20,8 @@ declare const Strings: kit.I18N<{
         ipc_player_authorize_confirm_text: string;
         ipc_player_error_record_tip: string;
         ipc_player_change_resolution_success: string;
+        ipc_player_ptz_control_tip: string;
+        ipc_player_ptz_close_control_tip: string;
     };
     zh: {
         ipc_player_resolution_HD: string;
@@ -41,6 +43,8 @@ declare const Strings: kit.I18N<{
         ipc_player_authorize_confirm_text: string;
         ipc_player_error_record_tip: string;
         ipc_player_change_resolution_success: string;
+        ipc_player_ptz_control_tip: string;
+        ipc_player_ptz_close_control_tip: string;
     };
 }, {
     ipc_player_resolution_HD: string;
@@ -62,6 +66,8 @@ declare const Strings: kit.I18N<{
     ipc_player_authorize_confirm_text: string;
     ipc_player_error_record_tip: string;
     ipc_player_change_resolution_success: string;
+    ipc_player_ptz_control_tip: string;
+    ipc_player_ptz_close_control_tip: string;
 } | {
     ipc_player_resolution_HD: string;
     ipc_player_resolution_SD: string;
@@ -82,5 +88,7 @@ declare const Strings: kit.I18N<{
     ipc_player_authorize_confirm_text: string;
     ipc_player_error_record_tip: string;
     ipc_player_change_resolution_success: string;
+    ipc_player_ptz_control_tip: string;
+    ipc_player_ptz_close_control_tip: string;
 }>;
 export default Strings;

package/lib/i18n/strings.d.ts

@@ -19,6 +19,8 @@ declare const _default: {
         ipc_player_authorize_confirm_text: string;
         ipc_player_error_record_tip: string;
         ipc_player_change_resolution_success: string;
+        ipc_player_ptz_control_tip: string;
+        ipc_player_ptz_close_control_tip: string;
     };
     zh: {
         ipc_player_resolution_HD: string;
@@ -40,6 +42,8 @@ declare const _default: {
         ipc_player_authorize_confirm_text: string;
         ipc_player_error_record_tip: string;
         ipc_player_change_resolution_success: string;
+        ipc_player_ptz_control_tip: string;
+        ipc_player_ptz_close_control_tip: string;
     };
 };
 export default _default;

package/lib/i18n/strings.js

@@ -18,7 +18,9 @@ export default {
     ipc_player_authorize_cancel_text: 'Cancel',
     ipc_player_authorize_confirm_text: 'Go to Settings',
     ipc_player_error_record_tip: 'The recording has failed, please try again later.',
-    ipc_player_change_resolution_success: '切换成功'
+    ipc_player_change_resolution_success: 'Switch successful',
+    ipc_player_ptz_control_tip: 'Swipe up, down, left, or right to control the PTZ direction.',
+    ipc_player_ptz_close_control_tip: 'Close'
   },
   zh: {
     ipc_player_resolution_HD: '高清',
@@ -39,6 +41,8 @@ export default {
     ipc_player_authorize_cancel_text: '取消',
     ipc_player_authorize_confirm_text: '去设置',
     ipc_player_error_record_tip: '录制出错了，请稍后再试',
-    ipc_player_change_resolution_success: '切换成功'
+    ipc_player_change_resolution_success: '切换成功',
+    ipc_player_ptz_control_tip: '上下左右滑动，控制云台方向',
+    ipc_player_ptz_close_control_tip: '关闭'
   }
 };

package/lib/index.d.ts

@@ -1,4 +1,6 @@
 export * from './ui';
 export * from './ctx';
-export * from './plugins';
 export * from './interface';
+import * as Widgets from './widgets';
+import * as Features from './features';
+export { Widgets, Features };

package/lib/index.js

@@ -1,4 +1,6 @@
 export * from './ui';
 export * from './ctx';
-export * from './plugins';
-export * from './interface';
+export * from './interface';
+import * as Widgets from './widgets';
+import * as Features from './features';
+export { Widgets, Features };

package/lib/interface.d.ts

@@ -42,11 +42,13 @@ export type UseCtx = (options: {
     initBottomRightContent?: ComponentConfig[];
     initAbsoluteContent?: ComponentConfig[];
     saveToAlbum?: 0 | 1;
+    showPtzControlTip?: boolean;
 }) => {
     devId: string;
     brandColor: RetAtom<string>;
     verticalMic: RetAtom<boolean>;
     saveToAlbum: 0 | 1;
+    showPtzControlTip: boolean;
     screenType: RetAtom<ScreenType>;
     recording: RetAtom<boolean>;
     recordingDisabled: RetAtom<boolean>;
@@ -63,8 +65,10 @@ export type UseCtx = (options: {
     bottomLeftContent: RetAtom<ComponentConfig[]>;
     bottomRightContent: RetAtom<ComponentConfig[]>;
     absoluteContent: RetAtom<ComponentConfig[]>;
+    showPtzControlTip: RetAtom<boolean>;
+    setShowPtzControlTip: (value: boolean) => void;
     setBrandColor: (color: string) => void;
-    setVerticalMic: (color: boolean) => void;
+    setVerticalMic: (value: boolean) => void;
     setScreenType: (type: ScreenType) => void;
     setRecordingDisabled: (type: boolean) => void;
     setResolution: (type: string) => void;

package/lib/ports.output.js

@@ -1,6 +1,6 @@
 export { IntercomMode } from '@ray-js/ray-ipc-utils/lib/interface';
 
-// plugin 获取电池电量 todo
+// plugin 获取电池电量
 
 // plugin 获取是否支持Ptz
 

package/lib/res/index.d.ts

@@ -0,0 +1,2 @@
+import playerPtzControlTip from './player_ptz_control_tip.png';
+export { playerPtzControlTip };

package/lib/res/index.js

@@ -0,0 +1,2 @@
+import playerPtzControlTip from './player_ptz_control_tip.png';
+export { playerPtzControlTip };

package/lib/ui/constant.d.ts

@@ -7,6 +7,7 @@ export declare const voiceIntercomId = "voiceIntercomId";
 export declare const fullTravelRouteControlId = "fullTravelRouteControl";
 export declare const verticalScreenId = "verticalScreenId";
 export declare const ptzControlId = "ptzControlId";
+export declare const ptzControlTipId = "ptzControlTipId";
 export declare const fullResolutionId = "fullResolutionId";
 export declare const batteryId = "Battery";
 export declare const fullSmallIntercomId = "FullSmallIntercom";

package/lib/ui/constant.js

@@ -7,6 +7,7 @@ export const voiceIntercomId = 'voiceIntercomId';
 export const fullTravelRouteControlId = 'fullTravelRouteControl';
 export const verticalScreenId = 'verticalScreenId';
 export const ptzControlId = 'ptzControlId';
+export const ptzControlTipId = 'ptzControlTipId';
 export const fullResolutionId = 'fullResolutionId';
 export const batteryId = 'Battery';
 export const fullSmallIntercomId = 'FullSmallIntercom';

package/lib/ui/ui.d.ts

@@ -24,6 +24,7 @@ type Props = {
     CSSVariable?: Partial<CSSVariable>;
     brandColor?: string;
     verticalMic?: boolean;
+    landscapeMode?: 'fill' | 'standard';
     eventRef?: React.RefObject<EventInstance>;
     onPlayerTap?: (data: any) => void;
     extend?: Record<string, any>;

package/lib/ui/ui.js

@@ -51,6 +51,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     brandColor = '#FF592A',
     verticalMic = true,
     eventRef: eventRefProp,
+    landscapeMode = 'standard',
     onPlayerTap,
     extend = {}
   } = props;
@@ -81,12 +82,13 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
   }
   useImperativeHandle(eventRefProp, () => eventRef.current, [eventRef.current]);
   const timer = useRef();
+  const [scaleMultiple, setScaleMultiple] = useState(1);
+  const [currentZoomLevel, setCurrentZoomLevel] = useState(1);
   useEffect(() => {
     setBrandColor(brandColor);
     setVerticalMic(verticalMic);
   }, []);
   const refreshBottomLeft = value => {
-    console.log(value, '++++++++++++++----sadbjasbdjbsj');
     event.current.emit(startTimeToHideAllComponent);
     event.current.emit(showAllComponent);
     event.current.emit(playerTap);
@@ -107,11 +109,21 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
         deviceType
       } = systemInfo.current;
       //  针对pad 暂不支持横屏，且在ios pad模式下 会触发onResize事件, 待解决
+
       if (deviceType === 'pad') {
         setScreenType('vertical');
       } else {
         setScreenType(type === 'landscape' ? 'full' : 'vertical');
       }
+
+      // 若为全屏模式并且要求按宽填充，即横屏时充满，主动设置模式为-1即可
+      if (type === 'landscape' && landscapeMode === 'fill') {
+        console.log('横屏时充满');
+        setScaleMultiple(-1);
+      } else {
+        // 将屏幕播放比例设为1
+        setScaleMultiple(1);
+      }
     } catch (err) {
       console.log(err, 'err');
     }
@@ -207,7 +219,25 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
   /**
    * 视频流加载状态封装
    */
-
+  const onChangeStreamStatus = useMemoizedFn(code => {
+    var _props$onPlayStatus;
+    const playStateMap = {
+      [PlayerStreamStatus.PreviewSuccess]: PlayState.PLAYING,
+      // 播放中
+      [PlayerStreamStatus.PAUSE]: PlayState.PAUSE // 暂停
+    };
+    // 合并为三种状态 连接中 暂停 播放中
+    const playState = playStateMap[code] || PlayState.CONNECTING;
+    if (playState !== PlayState.PLAYING) {
+      setScaleMultiple(currentZoomLevel);
+    }
+    setPlayState(playState);
+    (_props$onPlayStatus = props.onPlayStatus) === null || _props$onPlayStatus === void 0 || _props$onPlayStatus.call(props, {
+      playState,
+      playCode: code
+    });
+    instance.changeStreamStatus(code);
+  });
   const disablePlayerTap = useRef(false);
   const handDisablePlayerTap = value => {
     disablePlayerTap.current = !!value;
@@ -274,34 +304,25 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
       height: screenType === 'vertical' ? (style === null || style === void 0 ? void 0 : style.height) || '100%' : '100vh'
     })
   }, /*#__PURE__*/React.createElement(IPCPlayer, _extends({
-    objectFit: "",
     defaultMute: mute,
     devId: devId,
     onlineStatus: deviceOnline,
     ipcPlayerContext: instance.IPCPlayerInstance,
-    onChangeStreamStatus: code => {
-      var _props$onPlayStatus;
-      const playStateMap = {
-        [PlayerStreamStatus.PreviewSuccess]: PlayState.PLAYING,
-        // 播放中
-        [PlayerStreamStatus.PAUSE]: PlayState.PAUSE // 暂停
-      };
-      // 合并为三种状态 连接中 暂停 播放中
-      const playState = playStateMap[code] || PlayState.CONNECTING;
-      setPlayState(playState);
-      (_props$onPlayStatus = props.onPlayStatus) === null || _props$onPlayStatus === void 0 || _props$onPlayStatus.call(props, {
-        playState,
-        playCode: code
-      });
-      instance.changeStreamStatus(code);
-    }
-    // onCtx={getIpcPlayer}
+    onChangeStreamStatus: onChangeStreamStatus
+    // onCtx={getIpcPlayerCtx}
     // onPlayerTap={handlePlayerClick}
     ,
     onCameraNotifyWeakNetwork: data => {
       console.log(`onCameraNotifyWeakNetwork: ${JSON.stringify(data)}`);
     },
-    clarity: decodeClarityDic[resolution]
+    clarity: decodeClarityDic[resolution],
+    onZoomChange: data => {
+      const {
+        zoomLevel
+      } = data === null || data === void 0 ? void 0 : data.detail;
+      setCurrentZoomLevel(zoomLevel);
+    },
+    scaleMultiple: scaleMultiple
     // 安卓横屏问题
     // ptzControllable={screenType === 'vertical'}
     ,

package/lib/utils/device/index.js

@@ -1,7 +1,7 @@
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.find.js";
 import "core-js/modules/esnext.iterator.for-each.js";
-import IpcUtils from '@ray-js/ray-ipc-utils';
+import { getDevInfo } from '@ray-js/ray-ipc-utils';
 export function getDpValue(options) {
   return new Promise((resolve, reject) => {
     ty.device.getDeviceInfo({
@@ -90,32 +90,6 @@ export const showMathPowValue = (value, scale) => {
   }
   return v;
 };
-export const getDevInfo = deviceId => {
-  return new Promise(resolve => {
-    try {
-      ty.device.getDeviceInfo({
-        deviceId,
-        success: res => {
-          resolve({
-            code: 0,
-            data: res
-          });
-        },
-        fail: err => {
-          resolve({
-            code: -1,
-            msg: err
-          });
-        }
-      });
-    } catch (err) {
-      resolve({
-        code: -1,
-        msg: String(err)
-      });
-    }
-  });
-};
 
 /**
  * 根据DpCode获取枚举型DP的range是否包含对应项
@@ -123,7 +97,7 @@ export const getDevInfo = deviceId => {
  */
 
 export const getEnumRangeIsValid = async (devId, dpCode, rangValue) => {
-  const infoData = await IpcUtils.getDevInfo(devId);
+  const infoData = await getDevInfo(devId);
   if (infoData.code === 0) {
     var _targetSchema$propert;
     const {

package/lib/{plugins → widgets}/battery/battery.composition.d.ts

@@ -6,6 +6,7 @@ export declare const Battery: import("react").FunctionComponent<{
     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>;
@@ -22,8 +23,9 @@ export declare const Battery: import("react").FunctionComponent<{
     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>>[]>;
+    setShowPtzControlTip: (value: boolean) => void;
     setBrandColor: (color: string) => void;
-    setVerticalMic: (color: boolean) => void;
+    setVerticalMic: (value: boolean) => void;
     setScreenType: (type: import("../..").ScreenType) => void;
     setRecordingDisabled: (type: boolean) => void;
     setResolution: (type: string) => void;
@@ -51,6 +53,7 @@ export declare const BatteryFull: import("react").FunctionComponent<{
     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>;
@@ -67,8 +70,9 @@ export declare const BatteryFull: import("react").FunctionComponent<{
     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>>[]>;
+    setShowPtzControlTip: (value: boolean) => void;
     setBrandColor: (color: string) => void;
-    setVerticalMic: (color: boolean) => void;
+    setVerticalMic: (value: boolean) => void;
     setScreenType: (type: import("../..").ScreenType) => void;
     setRecordingDisabled: (type: boolean) => void;
     setResolution: (type: string) => void;

package/lib/{plugins/index.js → widgets/index.d.ts}

@@ -1,6 +1,4 @@
-// 非全屏电池插件
 export * from './battery';
-// 全屏电池插件
 export * from './battery/batteryFull';
 export * from './screenshot';
 export * from './tempHumidity';
@@ -13,4 +11,5 @@ export * from './ptz';
 export * from './resolution';
 export * from './fullSmallIntercom';
 export * from './verticalSmallIntercom';
-export * from './moveInteractiveControl';
+export * from './moveInteractiveControl';
+export * from './ptzControlTip';

package/lib/{plugins/index.d.ts → widgets/index.js}

@@ -12,3 +12,4 @@ export * from './resolution';
 export * from './fullSmallIntercom';
 export * from './verticalSmallIntercom';
 export * from './moveInteractiveControl';
+export * from './ptzControlTip';

package/lib/{plugins → widgets}/moveInteractiveControl/moveInteractiveControl.js

@@ -31,7 +31,6 @@ export function MoveInteractiveControl(props) {
     dpCodes: [TYPE_CODE, STATE_CODE],
     listenDpChange: false
   });
-  console.log('state', state);
   const [schemaInfo] = useSchemaInfo(devId, [TYPE_CODE]);
   const menu = useMemo(() => {
     if (!schemaInfo || !(schemaInfo !== null && schemaInfo !== void 0 && schemaInfo[TYPE_CODE])) {

package/lib/{plugins → widgets}/ptz/ptz.js

@@ -40,8 +40,6 @@ export const Ptz = props => {
     }
   }, [screenType]);
   const onPtz = useMemoizedFn(() => {
-    console.log(isPtzActive, 'isPtzActive');
-    console.log(hasContent('absolute', ptzControlId), 'hasContent');
     if (!isPtzActive) {
       showContent('bottomLeft', 'FullSmallIntercom');
       if (!hasContent('absolute', ptzControlId)) {

package/lib/{plugins → widgets}/ptz/ptz.less

@@ -60,4 +60,13 @@
   color: #707070;
 }
 
+.ipc-player-plugin-ptz-control-tip-wrap {
+  position: absolute;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+