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

package/lib/ui/ui.js

@@ -3,7 +3,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import React, { useContext, useState, useRef, useMemo, useEffect, useImperativeHandle } from 'react';
-import { View, CoverView, getSystemInfoSync, usePageEvent } from '@ray-js/ray';
+import { View, CoverView, getSystemInfoSync, usePageEvent, setNavigationBarBack, setPageOrientation } from '@ray-js/ray';
 import clsx from 'clsx';
 import IPCPlayer from '@ray-js/ray-ipc-player';
 import { PlayState, PlayerStreamStatus } from '../interface';
@@ -74,7 +74,6 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     这里用一个统一的状态标志期望控件是否展示
   */
   const [componentHideState, setComponentHideState] = useState(false);
-  const [showRightContent, setShowRightContent] = useState(true);
   prevTriggerEvent.current = componentHideState ? hideAllComponent : showAllComponent;
   const eventRef = useRef(instance.event);
   if (eventRef.current !== instance.event) {
@@ -88,11 +87,10 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     setBrandColor(brandColor);
     setVerticalMic(verticalMic);
   }, []);
-  const refreshBottomLeft = value => {
+  const refreshBottomLeft = () => {
     event.current.emit(startTimeToHideAllComponent);
     event.current.emit(showAllComponent);
     event.current.emit(playerTap);
-    setShowRightContent(value);
   };
 
   /**
@@ -154,6 +152,43 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     mute: instance.mute
   });
 
+  // 监听物理返回按键
+  const hackHandle = () => {
+    setPageOrientation({
+      pageOrientation: 'portrait',
+      success: () => {
+        console.log('set success');
+      }
+    });
+    setScreenType('vertical');
+  };
+  useEffect(() => {
+    // 针对安卓使用系统按键导航
+    if (screenType === 'full') {
+      const {
+        platform
+      } = getSystemInfoSync();
+      if (platform !== 'ios') {
+        setNavigationBarBack({
+          type: 'custom'
+        });
+      }
+    } else {
+      setNavigationBarBack({
+        type: 'system'
+      });
+    }
+  }, [screenType]);
+  useEffect(() => {
+    ty.onNavigationBarBack(hackHandle);
+    return () => {
+      ty.offNavigationBarBack(hackHandle);
+      setNavigationBarBack({
+        type: 'system'
+      });
+    };
+  }, []);
+
   /**
    * 渲染随机定位播放器内容
    */

package/lib/widgets/fullScreen/fullTravelRouteControl.js

@@ -29,13 +29,11 @@ export function FullTravelRouteControl(props) {
     brandColor: props.brandColor
   });
   const timerRef = useRef();
-  const [touching, setTouching] = useState(false);
   const [state, _, sendDp] = useDpState({
     devId: props.devId,
     dpCodes: [DIRECTION_CONTROL_DP_CODE],
     listenDpChange: true
   });
-  console.log('touching', touching);
   const onPtzControlShow = useMemoizedFn(() => {
     setIsPtzActive(true);
   });
@@ -75,28 +73,24 @@ export function FullTravelRouteControl(props) {
   return /*#__PURE__*/React.createElement(View, {
     className: clsx('ipc-player-plugin-full-screen-voice', {
       'ipc-player-plugin-full-screen-voice-hide': shouldHide || isPtzActive
-    }),
-    style: {
-      width: touching ? '100vw' : 'auto',
-      height: touching ? '100vh' : 'auto',
-      backgroundColor: 'transparent'
-    }
+    })
   }, /*#__PURE__*/React.createElement(RectDirectionControl, {
     className: "ipc-plugin-full-travel-route-control",
     value: 0,
     onTouchStart: value => {
-      setTouching(true);
+      pauseTimeToHideAllComponentFn();
       sendDpValue(String(value));
+      ty.nativeDisabled(true);
     },
     onTouchMove: value => {
-      setTouching(true);
       pauseTimeToHideAllComponentFn();
       sendDpValue(String(value));
+      ty.nativeDisabled(true);
     },
     onTouchEnd: () => {
       event.emit(startTimeToHideAllComponent);
-      setTouching(false);
       sendDpValue('-1');
+      ty.nativeDisabled(false);
     },
     onMoveNonIntersection: () => {
       sendDpValue('-1');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ipc-player-integration",
-  "version": "0.0.1-beta-61",
+  "version": "0.0.1-beta-62",
   "description": "IPC 播放器功能集成",
   "main": "lib/index",
   "files": [