@ray-js/ray-ipc-player 2.0.20-beta-2 → 2.0.20-beta-4

package/lib/index.js

@@ -1,15 +1,20 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.json.stringify.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 /* eslint-disable no-unneeded-ternary */
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { useImmer } from 'use-immer';
+import _isEmpty from 'lodash/isEmpty';
 import { IpcPlayer, View, CoverView } from '@ray-js/components';
-import { setPageOrientation, usePageEvent } from '@ray-js/ray';
+import { useMount, useUnmount } from 'ahooks';
+import { setPageOrientation, usePageEvent, getNetworkType, offNetworkStatusChange, onNetworkStatusChange, publishDps, showToast } from '@ray-js/ray';
 import clsx from 'clsx';
 import Strings from './i18n';
 import Styles from './index.module.less';
 import { IpcFailCode } from './constant';
-import { putDpData, getIsConnected, getIsOnPreview } from './utils';
+import { getIsConnected, getIsOnPreview, openTargetMinByShortLink, getLanguage, getHomeInfo, getDeviceInfo, getDpIdByDpCode, ipcTTTOperatorLog } from './utils';
+import { getErrCodeDetailDataByCode, codeCoverToInt } from './config/errCodeConfig';
+import { deviceFreezeReasonStore, miniIdLabs } from './config';
 const Player = props => {
   const {
     updateLayout = '',
@@ -40,7 +45,10 @@ const Player = props => {
     privateState = false,
     objectFit = 'contain',
     extend = {},
-    brandColor = '#FF592A'
+    brandColor = '#FF592A',
+    renderErrIcon,
+    isShare = false,
+    onPlayerContainerTap
   } = props;
   const {
     borderRadius,
@@ -64,6 +72,19 @@ const Player = props => {
     initLy: false
   });
   const [screenType, setScreenType] = useState('portrait');
+  const [videoErrCode, setVideoErrCode] = useState('');
+  // 标记是否为配置149的老方案低功耗设备 待实现
+  const [isLowPowerDevice, setIsLowPowerDevice] = useState(false);
+  // 自定义计时老低功耗方案设备在线状态, 用于短暂时间报上下线的UI展示兼容 待实现
+  const [lowPowerDeviceOnlineState, setLowPowerDeviceOnlineState] = useState(true);
+  // 4G设备是否被冻结, 待实现
+  const [device4GIsFreeze, setDevice4GIsFreeze] = useState(false);
+  // 4G设备冻结原因, 待实现
+  const [deviceFreezeReason, setDeviceFreezeReason] = useState(1);
+  // 4G设备流量是否不足
+  const [trafficLessOrEqualZero, setTrafficLessOrEqualZero] = useState(false);
+  // 手机连接网络状态
+  const [phoneNetworkConnect, setPhoneNetworkConnect] = useState(true);
   const ipcCtx = useRef(null); // ipc实例
   if (!ipcCtx.current) {
     var _ty;
@@ -75,24 +96,41 @@ const Player = props => {
 
   usePageEvent('onShow', useCallback(async () => {
     // 视图准备就绪
-    if (playState.initLy && ipcCtx.current) {
-      console.log('retry连接');
+    if (phoneNetworkConnect && playState.initLy && ipcCtx.current && onlineStatus && !privateState) {
+      ipcTTTOperatorLog('VID: onShow_event_to_retry');
       retry();
     }
-  }, [playState.connectState, privateState, playState.initLy]));
+  }, [phoneNetworkConnect, onlineStatus && playState.connectState, privateState, playState.initLy]));
+  usePageEvent('onShow', () => {
+    getNetworkType({
+      success: res => {
+        setPhoneNetworkConnect(res.networkType !== 'none');
+      }
+    });
+  });
   usePageEvent('onResize', sizeData => {
     const {
       type
     } = sizeData;
     setScreenType(type);
   });
+  useMount(() => {
+    onNetworkStatusChange(res => {
+      setPhoneNetworkConnect(res.isConnected);
+    });
+  });
+  useUnmount(() => {
+    offNetworkStatusChange(res => {
+      console.log(res);
+    });
+  });
   usePageEvent('onHide', async () => {
     setPlayState(d => {
       d.loadingState = true;
     });
     // 先停流
     stopPreview();
-    await getCurMute();
+    // await getCurMute();
   });
   useEffect(() => {
     onlineStatus && createIpcCtx();
@@ -110,23 +148,28 @@ const Player = props => {
     });
   }, [updateLayout]);
 
-  /** 监听设备离线、隐私模式 */
+  /** 监听设备离线、隐私模式及手机网络状态 */
   useEffect(() => {
     console.log(onlineStatus, 'onlineStatus');
     setPlayState(d => {
       d.deviceOnlineState = onlineStatus;
-      d.errorState = privateState;
+      d.errorState = privateState || !phoneNetworkConnect;
     });
-    if (!onlineStatus) {
-      console.log('监听到设备离线');
-      setPlayState(d => {
-        d.errorState = true;
-        d.errorMsg = Strings.getLang('ipc_player_no_line');
-      });
-    } else if (playState.initLy && !privateState) {
-      retry();
+    ipcTTTOperatorLog("VID: device_online_status_change: ".concat(onlineStatus));
+    if (phoneNetworkConnect) {
+      if (!onlineStatus) {
+        ipcTTTOperatorLog("VID: device_offline_show_text");
+        console.log('监听到设备离线');
+        setPlayState(d => {
+          d.errorState = true;
+          d.errorMsg = Strings.getLang('ipc_player_device_offline');
+        });
+      } else if (playState.initLy && !privateState) {
+        ipcTTTOperatorLog("VID: privateState_status_change: ".concat(privateState));
+        retry();
+      }
     }
-  }, [onlineStatus, playState.initLy, privateState]);
+  }, [phoneNetworkConnect, onlineStatus, playState.initLy, privateState]);
 
   // 重试
   const _retry = async () => {
@@ -138,20 +181,45 @@ const Player = props => {
       d.errorState = false;
       d.loadingState = isOnPreview ? false : true;
     });
+    setVideoErrCode('');
     // !prePlayRef.current && connectState && (await disconnect());
     // console.log(connectState, isOnPreview, '当前链接状态和预览状态');
+    ipcTTTOperatorLog("VID: start_create_p2p_connect");
     ipcCtx.current && createConnect();
   };
+
+  /**
+   * 关闭隐私模式，重新拉流
+   */
+  const handleReWakeCamera = async () => {
+    const sendDpId = await getDpIdByDpCode(devId, 'basic_private');
+    if (sendDpId === -1) {
+      showToast(Strings.getLang('ipc_player_basic_private_not_exist'));
+    } else {
+      publishDps({
+        deviceId: devId,
+        dps: {
+          [sendDpId]: false
+        },
+        mode: 1,
+        pipelines: [0, 1, 2, 3, 4, 5, 6],
+        options: {},
+        success: () => {
+          console.log('下发隐私模式成功');
+        }
+      });
+    }
+  };
   const retry = useCallback(() => {
     // console.log('retry:', muteRef.current);
     console.log('重新拉流启动');
-    onlineStatus && !privateState && _retry();
-  }, [playState.connectState, privateState, onlineStatus]);
+    phoneNetworkConnect && onlineStatus && privateState && !isLowPowerDevice && handleReWakeCamera();
+    phoneNetworkConnect && onlineStatus && !privateState && _retry();
+  }, [isLowPowerDevice, phoneNetworkConnect && playState.connectState, privateState, onlineStatus]);
 
   // 创建ipc实例
   const createIpcCtx = () => {
     console.log('创建ipc实例');
-    console.log(onCtx, 'onCtx');
     onCtx && onCtx({
       ctx: ipcCtx.current,
       retry
@@ -164,17 +232,18 @@ const Player = props => {
     // console.log('建立连接前:', devId, Date.now());
     (_ipcCtx$current = ipcCtx.current) === null || _ipcCtx$current === void 0 || _ipcCtx$current.connect({
       success: () => {
-        // console.log('建立连接成功:', devId, Date.now());
+        ipcTTTOperatorLog("VID: create_p2p_connect_success");
         setPlayState(d => {
           d.connectState = true;
           d.errorState = false;
           d.errorMsg = '';
         });
         onChangeStreamStatus && onChangeStreamStatus(1001);
+        ipcTTTOperatorLog("VID: start_to_preview");
         startPreview(params);
       },
       fail: () => {
-        // console.error('建立连接失败---------:', e, devId, Date.now());
+        ipcTTTOperatorLog("VID: create_p2p_connect_failure");
         setPlayState(d => {
           d.connectState = false;
           d.errorState = true;
@@ -188,23 +257,29 @@ const Player = props => {
 
   // 视图层准备就绪，开始建立连接
 
-  // 开启预览
+  /*
+   * 开启预览
+   */
   const startPreview = params => {
     var _ipcCtx$current2;
     // console.log('开启预览前');
     (_ipcCtx$current2 = ipcCtx.current) === null || _ipcCtx$current2 === void 0 || _ipcCtx$current2.startPreview({
       success: () => {
+        ipcTTTOperatorLog('VID: start_preview_success');
         // console.log('开启预览：', devId);
         setPlayState(d => {
           d.loadingState = false;
           d.errorState = false;
           d.errorMsg = '';
         });
+        setMuted(muteRef.current);
         params && onInitPreview && onInitPreview(devId);
         onChangeStreamStatus && onChangeStreamStatus(1002);
       },
       fail: async e => {
+        ipcTTTOperatorLog("VID: start_preview_fail: ".concat(JSON.stringify(e)));
         const isOnPreview = await getIsOnPreview(ipcCtx.current);
+        ipcTTTOperatorLog("VID: get_is_on_preview_status_".concat(isOnPreview));
         // console.error('开启失败：', e, devId, isOnPreview);
         if (!isOnPreview || e !== null && e !== void 0 && e.errorMsg.includes('doing preview')) {
           // 忽略重复预览异常的报错
@@ -213,6 +288,7 @@ const Player = props => {
             d.errorState = false;
             d.errorMsg = '';
           });
+          setMuted(muteRef.current);
           onChangeStreamStatus && onChangeStreamStatus(1002);
           return;
         }
@@ -222,71 +298,66 @@ const Player = props => {
           d.errorMsg = Strings.getLang('ipc_player_preview_fail');
         });
         onChangeStreamStatus && onChangeStreamStatus(-1002);
-      },
-      complete: () => {
-        // console.log('startPreview:', muteRef.current);
-        setMuted(muteRef.current);
       }
     });
   };
 
-  // 暂停预览
+  /**
+   * 暂停预览
+   */
   const stopPreview = () => {
     var _ipcCtx$current3;
+    ipcTTTOperatorLog("VID: begin_to_stop_preview");
+    ipcTTTOperatorLog("VID: set_mute_is_true");
+    setMuted(true);
     (_ipcCtx$current3 = ipcCtx.current) === null || _ipcCtx$current3 === void 0 || _ipcCtx$current3.stopPreview({
-      success: () => null,
-      fail: () => null,
-      complete: () => setMuted(true)
+      success: () => {
+        ipcTTTOperatorLog("VID: stop_preview_success");
+      },
+      fail: e => {
+        ipcTTTOperatorLog("VID: stop_preview_failure: ".concat(JSON.stringify(e)));
+      }
     });
   };
 
-  // 设置静音
+  /**
+   * 设置声音
+   */
   const setMuted = val => {
     var _ipcCtx$current4;
+    ipcTTTOperatorLog("VID: begin_to_set_mute");
     (_ipcCtx$current4 = ipcCtx.current) === null || _ipcCtx$current4 === void 0 || _ipcCtx$current4.setMuted({
       mute: val,
       success: () => {
-        // console.log('设置声音成功', val);
+        ipcTTTOperatorLog("VID: set_mute_success: ".concat(val));
       },
       fail: () => {
-        // console.log('设置声音失败');
+        ipcTTTOperatorLog("VID: set_mute_failure: ".concat(val));
       }
     });
   };
 
-  // 获取当前是否静音
-  const getCurMute = () => {
-    return new Promise((resolve, reject) => {
-      var _ipcCtx$current5;
-      (_ipcCtx$current5 = ipcCtx.current) === null || _ipcCtx$current5 === void 0 || _ipcCtx$current5.isMuted({
-        success: res => {
-          muteRef.current = res;
-        },
-        fail: e => {
-          reject(e);
-          // console.log(e);
-        },
-        complete: d => {
-          resolve(d);
-        }
-      });
-    });
-  };
+  /**
+   * 获取当前是否静音
+   */
 
   // 异常事件
   const onError = useCallback(e => {
-    var _e$detail;
+    ipcTTTOperatorLog("VID: player_event_on_error: ".concat(JSON.stringify(e)));
     if (playState.errorState) {
       return;
     }
-    // console.error('发生错误：', e);
-    const type = e === null || e === void 0 || (_e$detail = e.detail) === null || _e$detail === void 0 ? void 0 : _e$detail.errCode;
-    if (IpcFailCode[type]) {
-      onChangeStreamStatus && onChangeStreamStatus(type);
+    console.error('发生异常事件：', e);
+    const {
+      errCode
+    } = e === null || e === void 0 ? void 0 : e.detail;
+    setVideoErrCode(errCode);
+    if (IpcFailCode[errCode]) {
+      onChangeStreamStatus && onChangeStreamStatus(errCode);
       setPlayState(d => {
         d.loadingState = false;
         d.errorState = true;
-        d.errorMsg = Strings.getLang(IpcFailCode[type]);
+        d.errorMsg = Strings.getLang(IpcFailCode[errCode]);
         d.connectState = false;
       });
     }
@@ -316,26 +387,210 @@ const Player = props => {
       });
     });
   };
-  const handlePlayerClick = () => {
-    // console.log("videoTap:", devId);
-    onPlayerTap && onPlayerTap(devId);
-  };
 
-  // 关闭隐私模式，重新拉流
+  /**
+   * 播放器容器点击事件
+   */
+
+  /**
+   * 播放器画面点击事件
+   */
+  const handleVideoTap = useCallback(() => {
+    if (!playState.loadingState && !playState.errorState && onlineStatus && !privateState) {
+      ipcTTTOperatorLog('VID: onVideoTap_event_send');
+      onPlayerTap && onPlayerTap(devId);
+    } else {
+      ipcTTTOperatorLog('VID: onVideoTap_event_trigger_not_send');
+    }
+  }, [playState.loadingState, playState.errorState, onlineStatus, privateState]);
+
+  /**
+   * 退出横屏
+   */
+
+  /**
+   * 获取错误展示内容
+   */
+  const getErrorContent = useCallback(() => {
+    if (!phoneNetworkConnect) {
+      return Strings.getLang('ipc_player_network_fail');
+    }
+    if (!onlineStatus) {
+      return Strings.getLang('ipc_player_device_offline');
+    }
+    if (!isLowPowerDevice && onlineStatus && privateState) {
+      return Strings.getLang('ipc_player_device_sleep');
+    }
+    if (isLowPowerDevice && lowPowerDeviceOnlineState && privateState) {
+      return Strings.getLang('ipc_player_device_sleep');
+    }
+    if (!isLowPowerDevice && device4GIsFreeze && onlineStatus && !privateState) {
+      return deviceFreezeReasonStore[deviceFreezeReason];
+    }
+    if (isLowPowerDevice && device4GIsFreeze && lowPowerDeviceOnlineState && !privateState) {
+      return deviceFreezeReasonStore[deviceFreezeReason];
+    }
+    if (onlineStatus && trafficLessOrEqualZero) {
+      return Strings.getLang('ipc_player_traffic_load_online_zero_tip');
+    }
+
+    // if (isLowPowerDevice && lowPowerDeviceOnlineState) {
+    //   return Strings.getLang('ipc_player_traffic_load_online_zero_tip');
+    // }
+
+    if (!onlineStatus) {
+      return Strings.getLang('ipc_player_no_line');
+    }
+    if (videoErrCode !== '') {
+      if (Strings["ipc_player_error_".concat(codeCoverToInt(videoErrCode))]) {
+        return "".concat(Strings.getLang("ipc_player_error_".concat(codeCoverToInt(videoErrCode))), "(").concat(videoErrCode, ")");
+      }
+      return "".concat(Strings.getLang("ipc_player_error_common"), "(").concat(videoErrCode, ")");
+    }
+    return playState.errorMsg;
+  }, [phoneNetworkConnect, playState, videoErrCode, privateState, onlineStatus, isLowPowerDevice, lowPowerDeviceOnlineState, device4GIsFreeze, deviceFreezeReason]);
+
+  /**
+   * 根据自定义类型获取错误码展示内容
+   */
+  const getErrorContentByType = useCallback((errCode, type) => {
+    const errContent = getErrCodeDetailDataByCode(String(errCode));
+    const contentEmpty = _isEmpty(errContent);
+    switch (type) {
+      // 是否展示建议文案
+      case 'suggestedFlag':
+        if (contentEmpty) {
+          return false;
+        }
+        return errContent.suggestedText !== '';
+      // 建议文案
+      case 'suggestedText':
+        if (contentEmpty) {
+          return '';
+        }
+        return errContent.suggestedText;
+      // 是否展示点我重试
+      case 'retry':
+        if (!phoneNetworkConnect) {
+          return false;
+        }
+        if (!isLowPowerDevice && !onlineStatus) {
+          return false;
+        }
+        if (isLowPowerDevice && !lowPowerDeviceOnlineState) {
+          return false;
+        }
+        if (privateState && !isShare && !device4GIsFreeze) {
+          return true;
+        }
+        if (privateState && isShare) {
+          return false;
+        }
+
+        // 设备4G冻结，冻结原因为特殊情况下，展示retry
+        if (device4GIsFreeze && onlineStatus && !privateState && deviceFreezeReason === 1) {
+          return true;
+        }
+        if (contentEmpty || privateState) {
+          return true;
+        }
+        return errContent.try;
+      // 是否展示点我重试
+      case 'retryText':
+        if (privateState) {
+          return Strings.getLang('ipc_player_re_wake_camera');
+        }
+        return Strings.getLang('ipc_player_retry');
+      case 'help':
+        if (!phoneNetworkConnect || privateState) {
+          return false;
+        }
+        if (isLowPowerDevice && lowPowerDeviceOnlineState) {
+          return false;
+        }
+        if (isLowPowerDevice && !lowPowerDeviceOnlineState) {
+          return true;
+        }
+        if (!isLowPowerDevice && !onlineStatus) {
+          return true;
+        }
+        if (privateState && isShare) {
+          return false;
+        }
+        if (contentEmpty) {
+          return false;
+        }
+        return errContent.help;
+      case 'helpNum':
+        if (privateState && isShare) {
+          return false;
+        }
+        return errContent.helpNum;
+      case 'feedBack':
+        if (!phoneNetworkConnect) {
+          return true;
+        }
+        if (privateState && isShare) {
+          return false;
+        }
+        if (contentEmpty) {
+          return false;
+        }
+        return errContent.feedBack;
+      default:
+        return false;
+    }
+  }, [phoneNetworkConnect, privateState, onlineStatus, isLowPowerDevice, lowPowerDeviceOnlineState, device4GIsFreeze, deviceFreezeReason]);
+
+  /**
+   * 跳转帮助小程序
+   */
+  const handleGotoHelpMini = useCallback(async () => {
+    if (isLowPowerDevice && !lowPowerDeviceOnlineState || !onlineStatus) {
+      const realLanguage = await getLanguage();
+      const url = "godzilla://".concat(miniIdLabs.helpMini, "/pages/commonDetails/index?answer=/app-helpcenter/").concat(realLanguage, "/K94ow0gwu9bg2");
+      openTargetMinByShortLink(url);
+      return false;
+    }
+    const helpNum = getErrorContentByType(videoErrCode, 'helpNum');
+    const helpFeedBack = getErrorContentByType(videoErrCode, 'helpFeedBack');
+    const homeInfo = await getHomeInfo();
+    const devInfo = await getDeviceInfo(devId);
+    const url = "godzilla://".concat(miniIdLabs.ipcHelpMini, "?errCode=").concat(videoErrCode, "&deviceId=").concat(devId, "&homeId=").concat(homeInfo === null || homeInfo === void 0 ? void 0 : homeInfo.homeId, "&instanceId=").concat(devInfo === null || devInfo === void 0 ? void 0 : devInfo.uuid, "&helpNum=").concat(helpNum, "&helpFeedBack=").concat(helpFeedBack, "&themeColor=").concat(brandColor);
+    openTargetMinByShortLink(url);
+    return false;
+  }, [onlineStatus, isLowPowerDevice, lowPowerDeviceOnlineState]);
 
-  // 退出横屏
+  /**
+   * 跳转反馈小程序
+   */
 
   return /*#__PURE__*/React.createElement(View, {
     className: Styles.ipc_player,
-    onClick: handlePlayerClick
+    onClick: () => {
+      onPlayerContainerTap && onPlayerContainerTap(devId);
+    }
   }, /*#__PURE__*/React.createElement(IpcPlayer, _extends({
     className: "".concat(Styles.player, " ").concat(playState.updateLy),
-    onVideoTap: handlePlayerClick,
+    onVideoTap: handleVideoTap,
     onZoomChange: onZoomChange,
-    onCameraPreviewFailure: onCameraPreviewFailure,
+    onCameraPreviewFailure: data => {
+      ipcTTTOperatorLog("cameraPreviewFailure_event_trigger_".concat(JSON.stringify(data)));
+      if (data.type === 'cameraPreviewFailure') {
+        const {
+          deviceId,
+          errCode
+        } = data === null || data === void 0 ? void 0 : data.detail;
+        if (deviceId === devId) {
+          setVideoErrCode(errCode);
+          props.onCameraPreviewFailure && props.onCameraPreviewFailure(errCode);
+        }
+      }
+    },
     onCameraNotifyWeakNetwork: onCameraNotifyWeakNetwork,
     onInitDone: () => {
       console.log('视图层准备就绪~');
+      ipcTTTOperatorLog('VID: player_initDone_event_finish');
       setPlayState(d => {
         d.updateLy = Math.random();
         d.initLy = true;
@@ -343,9 +598,10 @@ const Player = props => {
     },
     onError: onError,
     onConnectChange: e => {
-      var _e$detail2;
+      var _e$detail;
+      ipcTTTOperatorLog("VID: player_event_connect_change: ".concat(JSON.stringify(e)));
       console.log('连接状态发生变化', e);
-      const code = e === null || e === void 0 || (_e$detail2 = e.detail) === null || _e$detail2 === void 0 ? void 0 : _e$detail2.state;
+      const code = e === null || e === void 0 || (_e$detail = e.detail) === null || _e$detail === void 0 ? void 0 : _e$detail.state;
       onChangeStreamStatus && onChangeStreamStatus(code === 0 ? 1001 : -1001);
       if (code === 0) {
         setPlayState(d => {
@@ -395,35 +651,35 @@ const Player = props => {
     style: {
       borderRadius: "".concat(borderRadius)
     },
-    className: clsx(Styles.bg_center, Styles.state_label, !playState.errorState && Styles.hide),
+    className: clsx(Styles.bg_center, Styles.errorContainer, !playState.errorState && Styles.hide),
     onClick: () => {
       return false;
     }
-  }, privateState && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
-    className: Styles.device_sleep
-  }, Strings.getLang('ipc_player_device_sleep')), /*#__PURE__*/React.createElement(View, {
-    className: Styles.re_wake_camera
-    // @ts-ignore
-    ,
-    onClick: async () => {
-      await putDpData({
-        105: false
-      }, devId);
-    }
-  }, Strings.getLang('ipc_player_re_wake_camera'))), !privateState && /*#__PURE__*/React.createElement(View, {
-    className: clsx(Styles.err_container)
   }, /*#__PURE__*/React.createElement(View, {
-    className: clsx(Styles.iconfont, Styles.icon_tishi, !playState.deviceOnlineState && Styles.hide)
-  }), /*#__PURE__*/React.createElement(View, {
-    className: Styles.err_msg
+    className: clsx(Styles.errIconContainer)
+  }, renderErrIcon ? renderErrIcon() : /*#__PURE__*/React.createElement(View, {
+    className: clsx(Styles.errIcon)
+  })), /*#__PURE__*/React.createElement(View, {
+    className: clsx(Styles.errTextContainer)
   }, /*#__PURE__*/React.createElement(View, {
-    className: clsx(Styles.msg, Styles.ellipsis)
-  }, playState.deviceOnlineState ? playState.errorMsg : Strings.getLang('ipc_player_no_line')), /*#__PURE__*/React.createElement(View
-  // @ts-ignore
-  , {
-    onClick: retry,
-    className: clsx(Styles.retry, !playState.deviceOnlineState && Styles.hide)
-  }, Strings.getLang('ipc_player_retry'))))), screenType === 'landscape' && (playState.loadingState || playState.errorState) && /*#__PURE__*/React.createElement(CoverView, {
+    className: clsx(Styles.errContent)
+  }, getErrorContent()), getErrorContentByType(videoErrCode, 'suggestedFlag') && /*#__PURE__*/React.createElement(View, {
+    className: clsx(Styles.errDesc)
+  }, getErrorContentByType(videoErrCode, 'suggestedText'))), /*#__PURE__*/React.createElement(View, {
+    className: clsx(Styles.errOperatorContainer)
+  }, getErrorContentByType(videoErrCode, 'retry') && /*#__PURE__*/React.createElement(View, {
+    className: clsx(Styles.operatorBtn, Styles.operatorRetry),
+    onClick: retry
+  }, getErrorContentByType(videoErrCode, 'retryText')), getErrorContentByType(videoErrCode, 'help') && /*#__PURE__*/React.createElement(View, {
+    className: clsx(Styles.operatorBtn, Styles.operatorHelp),
+    onClick: handleGotoHelpMini
+  }, Strings.getLang('ipc_player_help')), getErrorContentByType(videoErrCode, 'feedBack') && /*#__PURE__*/React.createElement(View, {
+    className: clsx(Styles.operatorBtn, Styles.operatorFeedBack),
+    onClick: () => {
+      const url = "godzilla://".concat(miniIdLabs.helpMini, "/pages/v2/problemSubmit/index");
+      openTargetMinByShortLink(url);
+    }
+  }, Strings.getLang('ipc_player_feedback')))), screenType === 'landscape' && (playState.loadingState || playState.errorState) && /*#__PURE__*/React.createElement(CoverView, {
     className: clsx(Styles.load_full_back_container),
     onClick: () => {
       setPageOrientation({