@ray-js/ray-ipc-player 0.0.13-beta-1

package/lib/index.module.less

@@ -0,0 +1,127 @@
+.player {
+  width: 100%;
+  height: 100%;
+}
+
+.ipc_player {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.load_box {
+  color: #ffffff;
+  font-size: 0.3rem;
+}
+
+.bg_center {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: var(--video-bg);
+}
+
+.state_label {
+  text-align: center;
+  font-size: 0.28rem;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+:root {
+  --video-bg: #000000;
+}
+
+:root[theme='dark'] {
+  --video-bg: rgba(255, 255, 255, 0.1);
+}
+
+.load_icon {
+  display: block;
+  height: 0.38rem;
+  width: 0.38rem;
+  vertical-align: middle;
+  animation: spin 1s linear 0s infinite;
+  background: #ffffff;
+  -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGJSURBVHgBxVfBccIwEFzCJ0+e+aEO4hKulJRAKkAlpAPSAZMKTH75ARXgVAD55Ud0I2s42YotD7a0MzsctmytbiWfNMc40IaF4ZPhr+EFmXBt8GS4MVRIjGsHowTNMQ5mhkdYWxaGj+IeW7aq408kBhm+o52dLazQ5FCw80WK2ecSw9DwxZTNBmPNkT7sYOcR1f+V4Y/hFzJBw8+MQkaU6LAoJQh+VggZIbPyhowg+OUgK84Qk/YB+XAQcZFTyLeIs2akEvGChWjcvNLIBBYid1NLpIMsfBcWUokLCunwLOLKde6sOSMdvOXrLso9A2F6EBofNLdqPkSjNabHi4h38gYhXSFS6NkKpCrPchpsQg0UfKVTWLRG5MZoNaGYpgjd90A5gZimiG3MQ/zF26N9hFQYDkJ7YAcMOE5wwy3Cx0eKeJ4CAtwiCIqY9bxQI2wN1yce2RG3WrWEzVrxT2evuHNbqBA+PsayxMg1TNWCThGdcxsePUW+u9eaLlFF/etsYIsqWMsqDMQfYUyw07Tf+LgAAAAASUVORK5CYII=');
+  -webkit-mask-size: cover;
+  -webkit-mask-repeat: no-repeat;
+}
+
+.load_des {
+  margin-top: 0.34rem;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.hide {
+  display: none !important;
+}
+
+@font-face {
+  font-family: 'iconfont';
+    src: url('data:font/ttf;charset=utf-8;base64,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MjY1ESEyNj0BNCYjIRE0JisBIgYVEWsJDQ0JAWoNCSoJDQFqCQ0NCf6WDQkqCQ0Bqw0JKgkN/pYJDQ0JAWoNCSoJDQFqCQ0NCf6WAAABAVUAVQKrAqsADQAAAQcGIiY1ETQ2Mh8BFhQCnfsNJRsbJQ37DgFg/Q4bEwH6ExsO/Q0mAAAAAAAAEgDeAAEAAAAAAAAAEwAoAAEAAAAAAAEACABOAAEAAAAAAAIABwBnAAEAAAAAAAMACACBAAEAAAAAAAQACACcAAEAAAAAAAUACwC9AAEAAAAAAAYACADbAAEAAAAAAAoAKwE8AAEAAAAAAAsAEwGQAAMAAQQJAAAAJgAAAAMAAQQJAAEAEAA8AAMAAQQJAAIADgBXAAMAAQQJAAMAEABvAAMAAQQJAAQAEACKAAMAAQQJAAUAFgClAAMAAQQJAAYAEADJAAMAAQQJAAoAVgDkAAMAAQQJAAsAJgFoAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQAAENyZWF0ZWQgYnkgaWNvbmZvbnQAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AAEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC4AAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAGh0dHA6Ly9mb250ZWxsby5jb20AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvAAAAAQACAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQhiaWFvcWluZwdjYW9rb25nCmR1b2x1eXVsYW4EYS0yeAVjdW93dQZmYW5nZGEHZ2VuZ2R1bwRhLTF4Bmd1YW5iaQtnb25nZ2Vtb3NoaQRhLTN4DGhvdXRhaWJvZmFuZwdodWlmYW5nCGppZXBpbmcxCGt1YW5waW5nBmx1cGluZwlodWlmYW5nLTEHbWFucGluZwhqaWVwaW5nMgZzaG91eWUHc2hhbmdsYQRyaXFpDGx1eGlhbmd6aG9uZwdqaW5neWluB3N1b3hpYW8MbGllYmlhb21vc2hpBXRpc2hpCXRvbmd6aGktMQl4aWFuZ2NlLTEHeGlhbmdjZQV5dXlpbgd5YW9rb25nB3Rvbmd6aGkHbG9hZGluZwh5aW5saWFuZwl5dW5jdW5jaHUGeGlhemFpBXhpYWxhDXl1bnNoYW5nY2h1YW4HZ2FvcWluZwdkaWFuaHVhBGppYW4DamlhCWZhbmd4aWFuZwAAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwAuAAEABAAAAAIAAAAAAAAAAQAAAADVpCcIAAAAAN8HtEAAAAAA3we0QA==') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 0.44rem;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  margin-bottom: 0.3rem;
+}
+
+.icon_tishi:before {
+  content: "\e642";
+  color: #fff;
+}
+
+.msg {
+  max-width: 60%;
+}
+
+.msg, .retry, .device_sleep, .re_wake_camera {
+  font-size: 0.25rem;
+  display: inline-block;
+  color: #fff;
+}
+
+.retry, .re_wake_camera {
+  color: #5583F5;
+}
+
+.device_sleep, .re_wake_camera {
+  width: 100%;
+}
+
+.re_wake_camera {
+  margin-top: 0.05rem;
+  text-decoration: underline;
+}
+
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.err_msg {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}

package/lib/index.tuya.js

@@ -0,0 +1,497 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.promise.js";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useRef, useCallback } from 'react';
+import { useImmer } from 'use-immer';
+import { IpcPlayer, View, Text, CoverView } from '@ray-js/components';
+import cx from 'classnames';
+import { usePageEvent } from 'ray';
+import locals from './i18n';
+import Styles from './index.module.less';
+import { IpcFailCode } from './constant';
+import { putDpData } from './utils';
+
+var Player = function (props) {
+  var _props$updateLayout = props.updateLayout,
+      updateLayout = _props$updateLayout === void 0 ? '' : _props$updateLayout,
+      _props$devId = props.devId,
+      devId = _props$devId === void 0 ? '' : _props$devId,
+      _props$devName = props.devName,
+      devName = _props$devName === void 0 ? '' : _props$devName,
+      onChangeStreamStatus = props.onChangeStreamStatus,
+      onPlayerTap = props.onPlayerTap,
+      onInitPreview = props.onInitPreview,
+      _props$defaultMute = props.defaultMute,
+      defaultMute = _props$defaultMute === void 0 ? true : _props$defaultMute,
+      _props$onlineStatus = props.onlineStatus,
+      onlineStatus = _props$onlineStatus === void 0 ? true : _props$onlineStatus,
+      _props$loadDes = props.loadDes,
+      loadDes = _props$loadDes === void 0 ? '' : _props$loadDes,
+      _props$rotateZ = props.rotateZ,
+      rotateZ = _props$rotateZ === void 0 ? 0 : _props$rotateZ,
+      _props$scalable = props.scalable,
+      scalable = _props$scalable === void 0 ? true : _props$scalable,
+      _props$scaleMultiple = props.scaleMultiple,
+      scaleMultiple = _props$scaleMultiple === void 0 ? 0 : _props$scaleMultiple,
+      _props$ptzControllabl = props.ptzControllable,
+      ptzControllable = _props$ptzControllabl === void 0 ? true : _props$ptzControllabl,
+      _props$isOnPlayerPage = props.isOnPlayerPage,
+      isOnPlayerPage = _props$isOnPlayerPage === void 0 ? true : _props$isOnPlayerPage,
+      _props$clarity = props.clarity,
+      clarity = _props$clarity === void 0 ? 'normal' : _props$clarity,
+      _props$soundMode = props.soundMode,
+      soundMode = _props$soundMode === void 0 ? 'speaker' : _props$soundMode,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'vertical' : _props$orientation,
+      onCtx = props.onCtx,
+      _props$borderRadius = props.borderRadius,
+      borderRadius = _props$borderRadius === void 0 ? 0 : _props$borderRadius,
+      _props$bgColor = props.bgColor,
+      bgColor = _props$bgColor === void 0 ? '#000000' : _props$bgColor,
+      _props$borderStyle = props.borderStyle,
+      borderStyle = _props$borderStyle === void 0 ? 'solid' : _props$borderStyle,
+      _props$borderColor = props.borderColor,
+      borderColor = _props$borderColor === void 0 ? '' : _props$borderColor,
+      _props$borderWidth = props.borderWidth,
+      borderWidth = _props$borderWidth === void 0 ? 0 : _props$borderWidth,
+      _props$privateState = props.privateState,
+      privateState = _props$privateState === void 0 ? false : _props$privateState;
+
+  var _useImmer = useImmer({
+    connectState: false,
+    // 连接状态
+    loadingState: false,
+    // 加载状态
+    errorState: false,
+    // 异常状态
+    errorMsg: '',
+    // 异常信息
+    updateLy: '',
+    devlineState: true,
+    initLy: false
+  }),
+      _useImmer2 = _slicedToArray(_useImmer, 2),
+      playState = _useImmer2[0],
+      setPlayState = _useImmer2[1];
+
+  var ipcCtx = useRef(null); // ipc实例
+
+  var retryCount = useRef(0); // 重试次数
+
+  var muteRef = useRef(defaultMute); // 静音
+
+  usePageEvent('onShow', useCallback(function () {
+    // console.log('show');
+    if (ipcCtx.current && playState.connectState) {
+      startPreview('');
+    }
+  }, [playState.connectState]));
+  usePageEvent('onHide', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            // console.log('hide');
+            setPlayState(function (d) {
+              d.loadingState = true;
+            });
+            _context.next = 3;
+            return getCurMute();
+
+          case 3:
+            stopPreview();
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }))); // 隐私模式
+
+  useEffect(function () {
+    setPlayState(function (d) {
+      d.errorState = privateState;
+    });
+
+    if (!privateState) {
+      retry();
+    }
+  }, [privateState]);
+  useEffect(function () {
+    muteRef.current = defaultMute;
+  }, [defaultMute]);
+  useEffect(function () {
+    setPlayState(function (d) {
+      d.updateLy = updateLayout;
+    });
+  }, [updateLayout]); // 设备离线
+
+  useEffect(function () {
+    setPlayState(function (d) {
+      d.devlineState = onlineStatus;
+    });
+
+    if (!onlineStatus) {
+      setPlayState(function (d) {
+        d.errorState = true;
+        d.errorMsg = locals.getLang('ipc_player_no_line');
+      });
+    } else if (playState.initLy) {
+      retry();
+    }
+  }, [onlineStatus, playState.initLy]);
+  useEffect(function () {
+    if (!isOnPlayerPage) {
+      disconnect();
+    }
+  }, [isOnPlayerPage]); // 重试
+
+  var _retry = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setPlayState(function (d) {
+                d.connectState = false;
+                d.errorMsg = '';
+                d.errorState = false;
+              });
+              _context2.t0 = playState.connectState;
+
+              if (!_context2.t0) {
+                _context2.next = 5;
+                break;
+              }
+
+              _context2.next = 5;
+              return disconnect();
+
+            case 5:
+              createConnect();
+
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function () {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var retry = useCallback(function () {
+    // console.log('retry:', muteRef.current);
+    !privateState && _retry();
+  }, [playState.connectState, privateState]); // 创建ipc实例
+
+  var createIpcCtx = function (id) {
+    var _ty;
+
+    // @ts-ignore
+    ipcCtx.current = (_ty = ty) === null || _ty === void 0 ? void 0 : _ty.createIpcPlayerContext(id); // console.log('创建实例:', devId);
+
+    onCtx && onCtx({
+      ctx: ipcCtx.current,
+      retry: retry
+    });
+  };
+
+  useEffect(function () {
+    onlineStatus && createIpcCtx(devId);
+    return function () {
+      disconnect();
+      ipcCtx.current = null;
+    };
+  }, [devId, onlineStatus]); // 建立连接
+
+  var createConnect = function (params) {
+    var _ipcCtx$current;
+
+    // console.log('建立连接:', devId);
+    setPlayState(function (d) {
+      d.loadingState = true;
+    });
+    (_ipcCtx$current = ipcCtx.current) === null || _ipcCtx$current === void 0 ? void 0 : _ipcCtx$current.connect({
+      success: function success() {
+        // console.log('建立连接成功:', devId);
+        setPlayState(function (d) {
+          d.connectState = true;
+          d.errorState = false;
+          d.errorMsg = '';
+        });
+        onChangeStreamStatus && onChangeStreamStatus(1001);
+        startPreview(params);
+      },
+      fail: function fail() {
+        // console.log('建立连接失败:', devId);
+        setPlayState(function (d) {
+          d.connectState = false;
+          d.errorState = true;
+          d.errorMsg = locals.getLang('ipc_player_connect_fail');
+          d.loadingState = false;
+        });
+        onChangeStreamStatus && onChangeStreamStatus(-1001);
+      }
+    });
+  }; // 视图层准备就绪，开始建立连接
+
+
+  // 开启预览
+  var startPreview = function (params) {
+    var _ipcCtx$current2;
+
+    (_ipcCtx$current2 = ipcCtx.current) === null || _ipcCtx$current2 === void 0 ? void 0 : _ipcCtx$current2.startPreview({
+      success: function success() {
+        // console.log('开启预览：', devId);
+        setPlayState(function (d) {
+          d.loadingState = false;
+          d.errorState = false;
+          d.errorMsg = '';
+        });
+        params && onInitPreview && onInitPreview(devId);
+        onChangeStreamStatus && onChangeStreamStatus(1002);
+      },
+      fail: function fail() {
+        // console.log('开启失败：', devId);
+        setPlayState(function (d) {
+          d.errorState = true;
+          d.loadingState = false;
+          d.errorMsg = locals.getLang('ipc_player_preview_fail');
+        });
+        onChangeStreamStatus && onChangeStreamStatus(-1002);
+      },
+      complete: function complete() {
+        // console.log('startPreview:', muteRef.current);
+        setMuted(muteRef.current);
+      }
+    });
+  }; // 暂停预览
+
+
+  var stopPreview = function () {
+    var _ipcCtx$current3;
+
+    (_ipcCtx$current3 = ipcCtx.current) === null || _ipcCtx$current3 === void 0 ? void 0 : _ipcCtx$current3.stopPreview({
+      success: function success() {
+        return null;
+      },
+      fail: function fail() {
+        return null;
+      },
+      complete: function complete() {
+        return setMuted(true);
+      }
+    });
+  }; // 设置静音
+
+
+  var setMuted = function (val) {
+    var _ipcCtx$current4;
+
+    (_ipcCtx$current4 = ipcCtx.current) === null || _ipcCtx$current4 === void 0 ? void 0 : _ipcCtx$current4.setMuted({
+      mute: val,
+      success: function success() {// console.log('设置声音成功', val);
+      },
+      fail: function fail() {// console.log('设置声音失败');
+      }
+    });
+  }; // 获取当前是否静音
+
+
+  var getCurMute = function () {
+    return new Promise(function (resolve, reject) {
+      var _ipcCtx$current5;
+
+      (_ipcCtx$current5 = ipcCtx.current) === null || _ipcCtx$current5 === void 0 ? void 0 : _ipcCtx$current5.isMuted({
+        success: function success(res) {
+          muteRef.current = res;
+        },
+        fail: function fail(e) {
+          reject(e); // console.log(e);
+        },
+        complete: function complete(d) {
+          resolve(d);
+        }
+      });
+    });
+  }; // 异常事件
+
+
+  var onError = useCallback(function (e) {
+    var _e$detail;
+
+    if (playState.errorState) {
+      return;
+    } // console.error('发生错误：', e);
+
+
+    var type = e === null || e === void 0 ? void 0 : (_e$detail = e.detail) === null || _e$detail === void 0 ? void 0 : _e$detail.errCode;
+
+    if (IpcFailCode[type]) {
+      onChangeStreamStatus && onChangeStreamStatus(type);
+      setPlayState(function (d) {
+        d.loadingState = false;
+        d.errorState = true;
+        d.errorMsg = locals.getLang(IpcFailCode[type]);
+        d.connectState = false;
+      });
+    }
+  }, [playState.errorState]); // 连接状态发生变化
+
+  // 断开连接
+  var disconnect = function () {
+    return new Promise(function (resolve, reject) {
+      var _ipcCtx$current6;
+
+      (_ipcCtx$current6 = ipcCtx.current) === null || _ipcCtx$current6 === void 0 ? void 0 : _ipcCtx$current6.disconnect({
+        success: function success(res) {
+          // console.log('断开连接成功：', devId);
+          resolve(res);
+          setPlayState(function (d) {
+            d.connectState = false;
+          });
+          onChangeStreamStatus && onChangeStreamStatus(1009);
+        },
+        fail: function fail(e) {
+          // console.log('断开连接失败：', devId);
+          reject(e);
+          onChangeStreamStatus && onChangeStreamStatus(-1009);
+        }
+      });
+    });
+  };
+
+  // 关闭隐私模式，重新拉流
+  var handleReWakeCamera = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return putDpData({
+                105: false
+              }, devId);
+
+            case 2:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function () {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(View, {
+    className: Styles.ipc_player
+  }, isOnPlayerPage && /*#__PURE__*/React.createElement(IpcPlayer, {
+    className: Styles.player,
+    onVideotap: function handlePlayerClick() {
+      // console.log("videoTap:", devId);
+      onPlayerTap && onPlayerTap(devId);
+    },
+    onInitdone: function initdone() {
+      // console.log('视图层准备就绪:', devId);
+      setPlayState(function (d) {
+        d.updateLy = Math.random();
+        d.initLy = true;
+      });
+    },
+    onError: onError,
+    onConnectchange: function connectchange(e) {
+      var _e$detail2;
+
+      // console.log('连接状态发生变化', e);
+      var code = e === null || e === void 0 ? void 0 : (_e$detail2 = e.detail) === null || _e$detail2 === void 0 ? void 0 : _e$detail2.state;
+      onChangeStreamStatus && onChangeStreamStatus(code === 0 ? 1001 : -1001);
+
+      if (code === 0) {
+        setPlayState(function (d) {
+          d.connectState = true;
+        });
+      } else if ((code === -3 || code === -105) && retryCount.current < 1) {
+        // 连接超时或鉴权失败重试一次
+        retryCount.current++;
+        retry();
+      } else {
+        setPlayState(function (d) {
+          d.connectState = false;
+          d.loadingState = false;
+          d.errorState = true;
+          d.errorMsg = locals.getLang(IpcFailCode[-1001]);
+        });
+      }
+    },
+    deviceId: devId,
+    autoPauseIfNavigate: false,
+    autoPauseIfOpenNative: false,
+    muted: defaultMute,
+    objectFit: "fillCrop",
+    clarity: clarity,
+    soundMode: soundMode,
+    orientation: orientation,
+    rotateZ: rotateZ,
+    scalable: scalable,
+    scaleMultiple: scaleMultiple,
+    ptzControllable: ptzControllable,
+    borderRadius: borderRadius,
+    borderStyle: borderStyle,
+    borderColor: borderColor,
+    borderWidth: borderWidth,
+    updateLayout: playState.updateLy,
+    backgroundColor: bgColor
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      borderRadius: "".concat(borderRadius)
+    },
+    className: cx(Styles.load_box, Styles.bg_center, !playState.loadingState && Styles.hide)
+  }, /*#__PURE__*/React.createElement(View, {
+    className: Styles.load_icon
+  }), /*#__PURE__*/React.createElement(View, {
+    className: Styles.load_des
+  }, loadDes || locals.getLang('get_video_stream'))), /*#__PURE__*/React.createElement(CoverView, {
+    style: {
+      borderRadius: "".concat(borderRadius)
+    },
+    className: cx(Styles.bg_center, Styles.state_label, !playState.errorState && Styles.hide)
+  }, privateState ? /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    className: Styles.device_sleep
+  }, locals.getLang('device_sleep')), /*#__PURE__*/React.createElement(View, {
+    className: Styles.re_wake_camera // @ts-ignore
+    ,
+    onClick: handleReWakeCamera
+  }, locals.getLang('re_wake_camera'))) : /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: '95%',
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    className: cx(Styles.iconfont, Styles.icon_tishi, !playState.devlineState && Styles.hide)
+  }), /*#__PURE__*/React.createElement(View, {
+    className: Styles.err_msg
+  }, /*#__PURE__*/React.createElement(View, {
+    className: cx(Styles.msg, Styles.ellipsis)
+  }, playState.errorMsg), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      color: '#fff'
+    },
+    className: !playState.devlineState && Styles.hide
+  }, "\uFF0C"), /*#__PURE__*/React.createElement(View // @ts-ignore
+  , {
+    onClick: retry,
+    className: cx(Styles.retry, !playState.devlineState && Styles.hide)
+  }, locals.getLang('ipc_player_retry'))))));
+};
+
+export default Player;