@ray-js/ray-ipc-player 2.0.20-beta-12 → 2.0.20-beta-14

package/lib/index.js

@@ -19,6 +19,7 @@ const Player = props => {
   const {
     updateLayout = '',
     devId = '',
+    objectFit = 'contain',
     onChangeStreamStatus,
     onPlayerTap,
     onZoomChange,
@@ -43,12 +44,12 @@ const Player = props => {
       borderWidth: 0
     },
     privateState = false,
-    objectFit = 'contain',
     extend = {},
     brandColor = '#FF592A',
     renderErrIcon,
     isShare = false,
-    onPlayerContainerTap
+    onPlayerContainerTap,
+    reConnect = false
   } = props;
   const {
     borderRadius,
@@ -147,6 +148,11 @@ const Player = props => {
       ipcCtx.current = null;
     };
   }, [devId, onlineStatus]);
+  useEffect(() => {
+    if (reConnect && devId && onlineStatus) {
+      _reConnect();
+    }
+  }, [reConnect]);
   useEffect(() => {
     muteRef.current = defaultMute;
   }, [defaultMute]);
@@ -196,6 +202,21 @@ const Player = props => {
     ipcCtx.current && createConnect();
   };
 
+  // 无需关心连接状态直接发起重新连接
+  const _reConnect = () => {
+    setPlayState(d => {
+      d.connectState = true;
+      d.errorMsg = '';
+      d.errorState = false;
+      d.loadingState = true;
+    });
+    setVideoErrCode('');
+    // !prePlayRef.current && connectState && (await disconnect());
+    // console.log(connectState, isOnPreview, '当前链接状态和预览状态');
+    ipcTTTOperatorLog("VID: start_create_p2p_connect");
+    ipcCtx.current && createConnect();
+  };
+
   /**
    * 关闭隐私模式，重新拉流
    */
@@ -573,7 +594,6 @@ const Player = props => {
    * 跳转反馈小程序
    */
 
-  console.log(borderRadius, 'borderRadius=====');
   return /*#__PURE__*/React.createElement(View, {
     className: Styles.ipc_player,
     onClick: () => {
@@ -581,6 +601,7 @@ const Player = props => {
     }
   }, /*#__PURE__*/React.createElement(IpcPlayer, _extends({
     className: "".concat(Styles.player, " ").concat(playState.updateLy),
+    objectFit: objectFit,
     onVideoTap: handleVideoTap,
     onZoomChange: onZoomChange,
     onCameraPreviewFailure: data => {
@@ -633,7 +654,6 @@ const Player = props => {
     autoPauseIfNavigate: false,
     autoPauseIfOpenNative: false,
     muted: defaultMute,
-    objectFit: objectFit,
     clarity: clarity,
     rotateZ: rotateZ,
     scalable: scalable,

package/lib/typings/index.d.ts

@@ -66,6 +66,12 @@ export type IProps = {
    * @default (devId) => void
    */
   onPlayerTap?: (data) => void;
+  /**
+   * @description.en objectFit
+   * @description.zh 填充模式
+   * @default true
+   */
+  objectFit?: 'contain' | 'fillCrop';
   /**
    * @description.en scalable
    * @description.zh 是否可缩放

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ray-ipc-player",
-  "version": "2.0.20-beta-12",
+  "version": "2.0.20-beta-14",
   "description": "ray小程序播放器",
   "keywords": [
     "tuya-miniapp",