@ray-js/ray-ipc-player 2.0.18-beta-1 → 2.0.18-beta-2

package/lib/index.js

@@ -1,13 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "core-js/modules/es.array.includes.js";
-import "core-js/modules/es.string.includes.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.promise.js";
-import "core-js/modules/es.array.concat.js";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
+import "core-js/modules/web.dom-collections.iterator.js";
 /* eslint-disable no-unneeded-ternary */
 import React, { useEffect, useRef, useCallback } from 'react';
 import { useImmer } from 'use-immer';
@@ -18,58 +10,46 @@ import locals from './i18n';
 import Styles from './index.module.less';
 import { IpcFailCode } from './constant';
 import { putDpData, getIsConnected, getIsOnPreview } 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,
-      onChangeStreamStatus = props.onChangeStreamStatus,
-      onPlayerTap = props.onPlayerTap,
-      onZoomChange = props.onZoomChange,
-      onSessionDidDisconnected = props.onSessionDidDisconnected,
-      onCameraPreviewFailure = props.onCameraPreviewFailure,
-      onCameraNotifyWeakNetwork = props.onCameraNotifyWeakNetwork,
-      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$loadText = props.loadText,
-      loadText = _props$loadText === void 0 ? '' : _props$loadText,
-      _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$clarity = props.clarity,
-      clarity = _props$clarity === void 0 ? 'normal' : _props$clarity,
-      ipcPlayerContext = props.ipcPlayerContext,
-      onCtx = props.onCtx,
-      _props$playerStyle = props.playerStyle,
-      playerStyle = _props$playerStyle === void 0 ? {
-    borderRadius: 0,
-    bgColor: '#000000',
-    borderStyle: 'solid',
-    borderColor: '',
-    borderWidth: 0
-  } : _props$playerStyle,
-      _props$privateState = props.privateState,
-      privateState = _props$privateState === void 0 ? false : _props$privateState,
-      _props$objectFit = props.objectFit,
-      objectFit = _props$objectFit === void 0 ? 'contain' : _props$objectFit,
-      _props$extend = props.extend,
-      extend = _props$extend === void 0 ? {} : _props$extend;
-  var borderRadius = playerStyle.borderRadius,
-      bgColor = playerStyle.bgColor,
-      borderStyle = playerStyle.borderStyle,
-      borderColor = playerStyle.borderColor,
-      borderWidth = playerStyle.borderWidth;
-
-  var _useImmer = useImmer({
+const Player = props => {
+  const {
+    updateLayout = '',
+    devId = '',
+    onChangeStreamStatus,
+    onPlayerTap,
+    onZoomChange,
+    onSessionDidDisconnected,
+    onCameraPreviewFailure,
+    onCameraNotifyWeakNetwork,
+    onInitPreview,
+    defaultMute = true,
+    onlineStatus = true,
+    loadText = '',
+    rotateZ = 0,
+    scalable = true,
+    scaleMultiple = 0,
+    ptzControllable = true,
+    clarity = 'normal',
+    ipcPlayerContext,
+    onCtx,
+    playerStyle = {
+      borderRadius: 0,
+      bgColor: '#000000',
+      borderStyle: 'solid',
+      borderColor: '',
+      borderWidth: 0
+    },
+    privateState = false,
+    objectFit = 'contain',
+    extend = {}
+  } = props;
+  const {
+    borderRadius,
+    bgColor,
+    borderStyle,
+    borderColor,
+    borderWidth
+  } = playerStyle;
+  const [playState, setPlayState] = useImmer({
     connectState: false,
     // 连接状态
     loadingState: false,
@@ -81,201 +61,127 @@ var Player = function (props) {
     updateLy: '',
     deviceOnlineState: true,
     initLy: false
-  }),
-      _useImmer2 = _slicedToArray(_useImmer, 2),
-      playState = _useImmer2[0],
-      setPlayState = _useImmer2[1];
-
-  var ipcCtx = useRef(null); // ipc实例
-
+  });
+  const ipcCtx = useRef(null); // ipc实例
   if (!ipcCtx.current) {
     var _ty;
-
     // @ts-ignore
     ipcCtx.current = ipcPlayerContext || ((_ty = ty) === null || _ty === void 0 ? void 0 : _ty.createIpcPlayerContext(devId));
   }
+  const retryCount = useRef(0); // 重试次数
+  const muteRef = useRef(defaultMute); // 静音
 
-  var retryCount = useRef(0); // 重试次数
-
-  var muteRef = useRef(defaultMute); // 静音
-
-  usePageEvent('onShow', useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    return _regeneratorRuntime.wrap(function (_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            // 视图准备就绪
-            if (playState.initLy && ipcCtx.current) {
-              retry();
-            }
-
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })), [playState.connectState, privateState, playState.initLy]));
-  usePageEvent('onHide', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    return _regeneratorRuntime.wrap(function (_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            setPlayState(function (d) {
-              d.loadingState = true;
-            }); // 先停流
-
-            stopPreview();
-            _context2.next = 4;
-            return getCurMute();
-
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-  useEffect(function () {
+  usePageEvent('onShow', useCallback(async () => {
+    // 视图准备就绪
+    if (playState.initLy && ipcCtx.current) {
+      retry();
+    }
+  }, [playState.connectState, privateState, playState.initLy]));
+  usePageEvent('onHide', async () => {
+    setPlayState(d => {
+      d.loadingState = true;
+    });
+    // 先停流
+    stopPreview();
+    await getCurMute();
+  });
+  useEffect(() => {
     onlineStatus && createIpcCtx();
-    return function () {
+    return () => {
       disconnect();
       ipcCtx.current = null;
     };
   }, [devId, onlineStatus]);
-  useEffect(function () {
+  useEffect(() => {
     muteRef.current = defaultMute;
   }, [defaultMute]);
-  useEffect(function () {
-    setPlayState(function (d) {
+  useEffect(() => {
+    setPlayState(d => {
       d.updateLy = updateLayout;
     });
-  }, [updateLayout]); // 设备离线、隐私模式
+  }, [updateLayout]);
 
-  useEffect(function () {
-    setPlayState(function (d) {
+  // 设备离线、隐私模式
+  useEffect(() => {
+    setPlayState(d => {
       d.deviceOnlineState = onlineStatus;
       d.errorState = privateState;
     });
-
     if (!onlineStatus) {
-      setPlayState(function (d) {
+      setPlayState(d => {
         d.errorState = true;
         d.errorMsg = locals.getLang('ipc_player_no_line');
       });
     } else if (playState.initLy && !privateState) {
       retry();
     }
-  }, [onlineStatus, playState.initLy, privateState]); // 重试
-
-  var _retry = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      var connectState, isOnPreview;
-      return _regeneratorRuntime.wrap(function (_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return getIsConnected(ipcCtx.current);
-
-            case 2:
-              connectState = _context3.sent;
-              _context3.next = 5;
-              return getIsOnPreview(ipcCtx.current);
-
-            case 5:
-              isOnPreview = _context3.sent;
-              setPlayState(function (d) {
-                d.connectState = connectState ? true : false;
-                d.errorMsg = '';
-                d.errorState = false;
-                d.loadingState = isOnPreview ? false : true;
-              }); // !prePlayRef.current && connectState && (await disconnect());
-              // console.log(connectState, isOnPreview, '当前链接状态和预览状态');
-
-              ipcCtx.current && createConnect();
-
-            case 8:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    }));
-
-    return function () {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  var retry = useCallback(function () {
+  }, [onlineStatus, playState.initLy, privateState]);
+
+  // 重试
+  const _retry = async () => {
+    const connectState = await getIsConnected(ipcCtx.current);
+    const isOnPreview = await getIsOnPreview(ipcCtx.current);
+    setPlayState(d => {
+      d.connectState = connectState ? true : false;
+      d.errorMsg = '';
+      d.errorState = false;
+      d.loadingState = isOnPreview ? false : true;
+    });
+    // !prePlayRef.current && connectState && (await disconnect());
+    // console.log(connectState, isOnPreview, '当前链接状态和预览状态');
+    ipcCtx.current && createConnect();
+  };
+  const retry = useCallback(() => {
     // console.log('retry:', muteRef.current);
     !privateState && _retry();
-  }, [playState.connectState, privateState]); // 创建ipc实例
+  }, [playState.connectState, privateState]);
 
-  var createIpcCtx = function () {
+  // 创建ipc实例
+  const createIpcCtx = () => {
     onCtx && onCtx({
       ctx: ipcCtx.current,
-      retry: retry
+      retry
     });
-  }; // 建立连接
-
-
-  var createConnect = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(params) {
-      var _ipcCtx$current;
-
-      return _regeneratorRuntime.wrap(function (_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              // console.log('建立连接前:', devId, Date.now());
-              (_ipcCtx$current = ipcCtx.current) === null || _ipcCtx$current === void 0 ? void 0 : _ipcCtx$current.connect({
-                success: function success() {
-                  // console.log('建立连接成功:', devId, Date.now());
-                  setPlayState(function (d) {
-                    d.connectState = true;
-                    d.errorState = false;
-                    d.errorMsg = '';
-                  });
-                  onChangeStreamStatus && onChangeStreamStatus(1001);
-                  startPreview(params);
-                },
-                fail: function fail() {
-                  // console.error('建立连接失败---------:', e, devId, Date.now());
-                  setPlayState(function (d) {
-                    d.connectState = false;
-                    d.errorState = true;
-                    d.errorMsg = locals.getLang('ipc_player_connect_fail');
-                    d.loadingState = false;
-                  });
-                  onChangeStreamStatus && onChangeStreamStatus(-1001);
-                }
-              });
-
-            case 1:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4);
-    }));
+  };
 
-    return function () {
-      return _ref4.apply(this, arguments);
-    };
-  }(); // 视图层准备就绪，开始建立连接
+  // 建立连接
+  const createConnect = async params => {
+    var _ipcCtx$current;
+    // console.log('建立连接前:', devId, Date.now());
+    (_ipcCtx$current = ipcCtx.current) === null || _ipcCtx$current === void 0 || _ipcCtx$current.connect({
+      success: () => {
+        // console.log('建立连接成功:', devId, Date.now());
+        setPlayState(d => {
+          d.connectState = true;
+          d.errorState = false;
+          d.errorMsg = '';
+        });
+        onChangeStreamStatus && onChangeStreamStatus(1001);
+        startPreview(params);
+      },
+      fail: () => {
+        // console.error('建立连接失败---------:', e, devId, Date.now());
+        setPlayState(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) {
+  const startPreview = params => {
     var _ipcCtx$current2;
-
     // console.log('开启预览前');
-    (_ipcCtx$current2 = ipcCtx.current) === null || _ipcCtx$current2 === void 0 ? void 0 : _ipcCtx$current2.startPreview({
-      success: function success() {
+    (_ipcCtx$current2 = ipcCtx.current) === null || _ipcCtx$current2 === void 0 || _ipcCtx$current2.startPreview({
+      success: () => {
         // console.log('开启预览：', devId);
-        setPlayState(function (d) {
+        setPlayState(d => {
           d.loadingState = false;
           d.errorState = false;
           d.errorMsg = '';
@@ -283,149 +189,112 @@ var Player = function (props) {
         params && onInitPreview && onInitPreview(devId);
         onChangeStreamStatus && onChangeStreamStatus(1002);
       },
-      fail: function () {
-        var _fail = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(e) {
-          var isOnPreview;
-          return _regeneratorRuntime.wrap(function (_context5) {
-            while (1) {
-              switch (_context5.prev = _context5.next) {
-                case 0:
-                  _context5.next = 2;
-                  return getIsOnPreview(ipcCtx.current);
-
-                case 2:
-                  isOnPreview = _context5.sent;
-
-                  if (!(!isOnPreview || e !== null && e !== void 0 && e.errorMsg.includes('doing preview'))) {
-                    _context5.next = 7;
-                    break;
-                  }
-
-                  // 忽略重复预览异常的报错
-                  setPlayState(function (d) {
-                    d.loadingState = false;
-                    d.errorState = false;
-                    d.errorMsg = '';
-                  });
-                  onChangeStreamStatus && onChangeStreamStatus(1002);
-                  return _context5.abrupt("return");
-
-                case 7:
-                  setPlayState(function (d) {
-                    d.errorState = true;
-                    d.loadingState = false;
-                    d.errorMsg = locals.getLang('ipc_player_preview_fail');
-                  });
-                  onChangeStreamStatus && onChangeStreamStatus(-1002);
-
-                case 9:
-                case "end":
-                  return _context5.stop();
-              }
-            }
-          }, _callee5);
-        }));
-
-        function fail() {
-          return _fail.apply(this, arguments);
+      fail: async e => {
+        const isOnPreview = await getIsOnPreview(ipcCtx.current);
+        // console.error('开启失败：', e, devId, isOnPreview);
+        if (!isOnPreview || e !== null && e !== void 0 && e.errorMsg.includes('doing preview')) {
+          // 忽略重复预览异常的报错
+          setPlayState(d => {
+            d.loadingState = false;
+            d.errorState = false;
+            d.errorMsg = '';
+          });
+          onChangeStreamStatus && onChangeStreamStatus(1002);
+          return;
         }
-
-        return fail;
-      }(),
-      complete: function complete() {
+        setPlayState(d => {
+          d.errorState = true;
+          d.loadingState = false;
+          d.errorMsg = locals.getLang('ipc_player_preview_fail');
+        });
+        onChangeStreamStatus && onChangeStreamStatus(-1002);
+      },
+      complete: () => {
         // console.log('startPreview:', muteRef.current);
         setMuted(muteRef.current);
       }
     });
-  }; // 暂停预览
-
+  };
 
-  var stopPreview = function () {
+  // 暂停预览
+  const stopPreview = () => {
     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);
-      }
+    (_ipcCtx$current3 = ipcCtx.current) === null || _ipcCtx$current3 === void 0 || _ipcCtx$current3.stopPreview({
+      success: () => null,
+      fail: () => null,
+      complete: () => setMuted(true)
     });
-  }; // 设置静音
-
+  };
 
-  var setMuted = function (val) {
+  // 设置静音
+  const setMuted = val => {
     var _ipcCtx$current4;
-
-    (_ipcCtx$current4 = ipcCtx.current) === null || _ipcCtx$current4 === void 0 ? void 0 : _ipcCtx$current4.setMuted({
+    (_ipcCtx$current4 = ipcCtx.current) === null || _ipcCtx$current4 === void 0 || _ipcCtx$current4.setMuted({
       mute: val,
-      success: function success() {// console.log('设置声音成功', val);
+      success: () => {
+        // console.log('设置声音成功', val);
       },
-      fail: function fail() {// console.log('设置声音失败');
+      fail: () => {
+        // console.log('设置声音失败');
       }
     });
-  }; // 获取当前是否静音
-
+  };
 
-  var getCurMute = function () {
-    return new Promise(function (resolve, reject) {
+  // 获取当前是否静音
+  const getCurMute = () => {
+    return new Promise((resolve, reject) => {
       var _ipcCtx$current5;
-
-      (_ipcCtx$current5 = ipcCtx.current) === null || _ipcCtx$current5 === void 0 ? void 0 : _ipcCtx$current5.isMuted({
-        success: function success(res) {
+      (_ipcCtx$current5 = ipcCtx.current) === null || _ipcCtx$current5 === void 0 || _ipcCtx$current5.isMuted({
+        success: res => {
           muteRef.current = res;
         },
-        fail: function fail(e) {
-          reject(e); // console.log(e);
+        fail: e => {
+          reject(e);
+          // console.log(e);
         },
-        complete: function complete(d) {
+        complete: d => {
           resolve(d);
         }
       });
     });
-  }; // 异常事件
-
+  };
 
-  var onError = useCallback(function (e) {
+  // 异常事件
+  const onError = useCallback(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;
-
+    }
+    // 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);
-      setPlayState(function (d) {
+      setPlayState(d => {
         d.loadingState = false;
         d.errorState = true;
         d.errorMsg = locals.getLang(IpcFailCode[type]);
         d.connectState = false;
       });
     }
-  }, [playState.errorState]); // 连接状态发生变化
+  }, [playState.errorState]);
+
+  // 连接状态发生变化
 
   // 断开连接
-  var disconnect = function () {
-    return new Promise(function (resolve, reject) {
+  const disconnect = () => {
+    return new Promise((resolve, reject) => {
       var _ipcCtx$current6;
-
       // console.log('断开连接前');
-      (_ipcCtx$current6 = ipcCtx.current) === null || _ipcCtx$current6 === void 0 ? void 0 : _ipcCtx$current6.disconnect({
-        success: function success(res) {
+      (_ipcCtx$current6 = ipcCtx.current) === null || _ipcCtx$current6 === void 0 || _ipcCtx$current6.disconnect({
+        success: res => {
           // console.log('断开连接成功：', devId);
           resolve(res);
-          setPlayState(function (d) {
+          setPlayState(d => {
             d.connectState = false;
           });
           onChangeStreamStatus && onChangeStreamStatus(1009);
         },
-        fail: function fail(e) {
+        fail: e => {
           // console.error('断开连接失败：', devId);
           reject(e);
           onChangeStreamStatus && onChangeStreamStatus(-1009);
@@ -433,64 +302,39 @@ var Player = function (props) {
       });
     });
   };
-
-  var handlePlayerClick = function () {
+  const handlePlayerClick = () => {
     // console.log("videoTap:", devId);
     onPlayerTap && onPlayerTap(devId);
-  }; // 关闭隐私模式，重新拉流
-
-
-  var handleReWakeCamera = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-      return _regeneratorRuntime.wrap(function (_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              _context6.next = 2;
-              return putDpData({
-                105: false
-              }, devId);
-
-            case 2:
-            case "end":
-              return _context6.stop();
-          }
-        }
-      }, _callee6);
-    }));
+  };
 
-    return function () {
-      return _ref5.apply(this, arguments);
-    };
-  }();
+  // 关闭隐私模式，重新拉流
 
   return /*#__PURE__*/React.createElement(View, {
     className: Styles.ipc_player,
     onClick: handlePlayerClick
-  }, /*#__PURE__*/React.createElement(IpcPlayer // @ts-ignore
+  }, /*#__PURE__*/React.createElement(IpcPlayer
+  // @ts-ignore
   , _extends({
     className: "".concat(Styles.player, " ").concat(playState.updateLy),
     onVideoTap: handlePlayerClick,
     onZoomChange: onZoomChange,
     onCameraPreviewFailure: onCameraPreviewFailure,
     onCameraNotifyWeakNetwork: onCameraNotifyWeakNetwork,
-    onInitDone: function initDone() {
+    onInitDone: () => {
       // console.log('视图层准备就绪:', devId);
-      setPlayState(function (d) {
+      setPlayState(d => {
         d.updateLy = Math.random();
         d.initLy = true;
       });
     },
     onError: onError,
-    onConnectChange: function connectChange(e) {
+    onConnectChange: 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;
+      const code = e === null || e === 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) {
+        setPlayState(d => {
           d.connectState = true;
         });
       } else if ((code === -3 || code === -105) && retryCount.current < 1) {
@@ -498,7 +342,7 @@ var Player = function (props) {
         retryCount.current++;
         retry();
       } else {
-        setPlayState(function (d) {
+        setPlayState(d => {
           d.connectState = false;
           d.loadingState = false;
           d.errorState = true;
@@ -530,18 +374,23 @@ var Player = function (props) {
     className: Styles.load_icon
   }), /*#__PURE__*/React.createElement(View, {
     className: Styles.load_des
-  }, loadText || locals.getLang('get_video_stream'))), /*#__PURE__*/React.createElement(CoverView, {
+  }, loadText || locals.getLang('ipc_player_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
+  }, locals.getLang('ipc_player_device_sleep')), /*#__PURE__*/React.createElement(View, {
+    className: Styles.re_wake_camera
+    // @ts-ignore
     ,
-    onClick: handleReWakeCamera
-  }, locals.getLang('re_wake_camera'))) : /*#__PURE__*/React.createElement(View, {
+    onClick: async () => {
+      await putDpData({
+        105: false
+      }, devId);
+    }
+  }, locals.getLang('ipc_player_re_wake_camera'))) : /*#__PURE__*/React.createElement(View, {
     style: {
       width: '95%',
       textAlign: 'center'
@@ -552,11 +401,11 @@ var Player = function (props) {
     className: Styles.err_msg
   }, /*#__PURE__*/React.createElement(View, {
     className: cx(Styles.msg, Styles.ellipsis)
-  }, playState.errorMsg), /*#__PURE__*/React.createElement(View // @ts-ignore
+  }, playState.errorMsg), /*#__PURE__*/React.createElement(View
+  // @ts-ignore
   , {
     onClick: retry,
     className: cx(Styles.retry, !playState.deviceOnlineState && Styles.hide)
   }, locals.getLang('ipc_player_retry'))))));
 };
-
 export default Player;