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

package/lib/index.js

@@ -19,6 +19,7 @@ const Player = props => {
   const {
     updateLayout = '',
     devId = '',
+    objectFit = 'contain',
     onChangeStreamStatus,
     onPlayerTap,
     onZoomChange,
@@ -47,7 +48,8 @@ const Player = props => {
     brandColor = '#FF592A',
     renderErrIcon,
     isShare = false,
-    onPlayerContainerTap
+    onPlayerContainerTap,
+    reConnect = false
   } = props;
   const {
     borderRadius,
@@ -146,6 +148,11 @@ const Player = props => {
       ipcCtx.current = null;
     };
   }, [devId, onlineStatus]);
+  useEffect(() => {
+    if (reConnect && devId && onlineStatus) {
+      _reConnect();
+    }
+  }, [reConnect]);
   useEffect(() => {
     muteRef.current = defaultMute;
   }, [defaultMute]);
@@ -195,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();
+  };
+
   /**
    * 关闭隐私模式，重新拉流
    */
@@ -572,7 +594,6 @@ const Player = props => {
    * 跳转反馈小程序
    */
 
-  console.log(borderRadius, 'borderRadius=====');
   return /*#__PURE__*/React.createElement(View, {
     className: Styles.ipc_player,
     onClick: () => {
@@ -580,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 => {

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-13",
+  "version": "2.0.20-beta-14",
   "description": "ray小程序播放器",
   "keywords": [
     "tuya-miniapp",