@realsee/live 0.5.0-alpha.5 → 0.5.0-alpha.8

package/dist/realsee-live.esm.js

@@ -608,9 +608,12 @@ class VRWebViewRTC extends CoreRTC {
         this.micro = false;
         this.voiceId = '';
         this.options = { jsBridge, getVoiceSign };
-        this.jsBridge.callAndListen('live/userVolumes', (userVolumes) => {
-            this.emit('userVolumes', userVolumes);
-        });
+        // TO-DO: 在微信小程序下有个音量上报的BUG会导致消息体过大从而jsbridge异常断开
+        if (this.jsBridge.webViewType !== 'WxMiniProgramWebView') {
+            this.jsBridge.callAndListen('live/userVolumes', (userVolumes) => {
+                this.emit('userVolumes', userVolumes);
+            });
+        }
         this.jsBridge.callAndListen('live/weakNetwork', (weakNetwork) => {
             if (weakNetwork)
                 this.emit('weakNetwork');
@@ -621,25 +624,37 @@ class VRWebViewRTC extends CoreRTC {
     }
     join(options) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.emit('joinWillStart');
-            const { sdkAppId, userId, userSig } = yield this.options.getVoiceSign(options);
-            this.type = options.type;
-            const [res, error] = yield this.jsBridge.callAndBackfeed(`live/join?sdkAppID=${sdkAppId}&userID=${userId}&roomID=${Number(options.voiceId)}&userSig=${userSig}`);
-            if (!res) {
-                this.emit('error', error ? error : new Error('加入房间失败：未知异常。'));
-                this.joined = false;
-            }
-            else {
-                if (res.code === RTCJoinedInfoCodeEnum.Success) {
-                    this.emit('joined');
-                    this.joined = true;
+            try {
+                this.emit('joinWillStart');
+                const { sdkAppId, userId, userSig } = yield this.options.getVoiceSign(options);
+                if (!(Boolean(sdkAppId) && Boolean(userId) && Boolean(userSig))) {
+                    this.emit('error', new Error('加入房间失败：rtc 签名请求异常'));
+                    this.joined = false;
+                    return this.joined;
                 }
-                else {
-                    this.emit('error', res);
+                this.type = options.type;
+                const [res, error] = yield this.jsBridge.callAndBackfeed(`live/join?sdkAppID=${sdkAppId}&userID=${userId}&roomID=${Number(options.voiceId)}&userSig=${userSig}`);
+                if (!res) {
+                    this.emit('error', error ? error : new Error('加入房间失败：未知异常。'));
                     this.joined = false;
                 }
+                else {
+                    if (res.code === RTCJoinedInfoCodeEnum.Success) {
+                        this.emit('joined');
+                        this.joined = true;
+                    }
+                    else {
+                        this.emit('error', res);
+                        this.joined = false;
+                    }
+                }
+                return this.joined;
+            }
+            catch (e) {
+                this.emit('error', new Error('加入房间失败：' + e.message));
+                this.joined = false;
+                return this.joined;
             }
-            return this.joined;
         });
     }
     quit() {
@@ -1160,6 +1175,7 @@ class RobustWebSocket extends Subscribe {
     constructor(options) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-call
         super();
+        this._readyState = WebSocketState.NOTINITIALIZED;
         this._options = {
             timeout: 10000,
             shouldReconnect: (event, ws) => {
@@ -1176,6 +1192,43 @@ class RobustWebSocket extends Subscribe {
         this._reconnectWhenOnlineAgain = false;
         this._explicitlyClosed = false;
         this._connectivityEventsAttached = false;
+        /**
+         * 做一个健康检查
+         */
+        this._healthCheck = () => __awaiter(this, void 0, void 0, function* () {
+            if (this._realWebSocket &&
+                this._realWebSocket.readyState !== this._readyState) {
+                this._readyState = this._realWebSocket.readyState;
+                // 太惨了，断网的时候，ws不会直接closed，而是处于closing的状态
+                if (this._readyState === WebSocketState.CLOSING) {
+                    this.emit('closing');
+                }
+            }
+            yield new Promise((resolve) => setTimeout(resolve, 2000));
+            this._heathCheckTimer = requestAnimationFrame(this._healthCheck);
+        });
+        /**
+         * 清理健康检查
+         */
+        this._clearHeathCheckIfNeed = () => {
+            if (this._heathCheckTimer) {
+                cancelAnimationFrame(this._heathCheckTimer);
+                this._heathCheckTimer = undefined;
+            }
+        };
+        /**
+         * 开启健康检查
+         */
+        this._startHealthCheck = () => {
+            this._clearHeathCheckIfNeed();
+            this._heathCheckTimer = requestAnimationFrame(this._healthCheck);
+        };
+        /**
+         * 停止健康检查
+         */
+        this._stopHealthCheck = () => {
+            this._clearHeathCheckIfNeed();
+        };
         /**
          * 清理连接中的请求
          */
@@ -1201,7 +1254,7 @@ class RobustWebSocket extends Subscribe {
         this._offline = () => {
             var _a;
             this._reconnectWhenOnlineAgain = true;
-            (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.close(1000);
+            (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.close(1000, 'offline');
         };
         /**
          * 解除网络监听事件
@@ -1332,6 +1385,7 @@ class RobustWebSocket extends Subscribe {
             const attempts = this._attempts;
             this._attempts = 0;
             this._reconnectWhenOnlineAgain = false;
+            this._startHealthCheck();
             return this.emit('open', Object.assign(event, { detail: { reconnects, attempts } }));
         };
         /**
@@ -1341,6 +1395,7 @@ class RobustWebSocket extends Subscribe {
          */
         this._webSocketCloseHandler = (event) => {
             this._reconnect(event);
+            this._stopHealthCheck();
             return this.emit('close', event);
         };
         /**
@@ -1362,6 +1417,7 @@ class RobustWebSocket extends Subscribe {
         if (options) {
             this.setOptions(options);
         }
+        this._startHealthCheck();
     }
     get attempts() {
         return this._attempts;
@@ -1412,7 +1468,10 @@ class LiveController extends Subscribe {
         /**
          * ws代理器
          */
-        this._ws = new RobustWebSocket();
+        this._ws = new RobustWebSocket({
+            url: '',
+            robustOptions: { timeout: 180000 },
+        });
         /**
          * 带看连接状态
          */
@@ -1422,6 +1481,7 @@ class LiveController extends Subscribe {
          */
         this._addWebSocketEventListeners = () => {
             this._ws.on('close', this._handleCloseEvent);
+            this._ws.on('closing', this._handleClosingEvent);
             this._ws.on('connecting', this._handleConnectingEvent);
             this._ws.on('error', this._handleErrorEvent);
             this._ws.on('message', this._handleMessageEvent);
@@ -1433,6 +1493,7 @@ class LiveController extends Subscribe {
          */
         this._removeWebSocketEventListeners = () => {
             this._ws.off('close', this._handleCloseEvent);
+            this._ws.off('closing', this._handleClosingEvent);
             this._ws.off('connecting', this._handleConnectingEvent);
             this._ws.off('error', this._handleErrorEvent);
             this._ws.off('message', this._handleMessageEvent);
@@ -1447,12 +1508,20 @@ class LiveController extends Subscribe {
             logger$1.info(`live room closed bacause of ${event.code}-${event.reason || parseWSClsErr(event.code)}`);
             this.state = LiveState.CLOSED;
         };
+        /**
+         * 处理房间正在关闭事件（这个时候可能是断网了）
+         */
+        this._handleClosingEvent = () => {
+            var _a;
+            logger$1.info(`live room is closing, onLine:`, (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.navigator) === null || _a === void 0 ? void 0 : _a.onLine);
+            this.state = LiveState.CLOSED;
+        };
         /**
          * 连接中
          * @param event
          */
-        this._handleConnectingEvent = (event) => {
-            logger$1.info(`live room is connecting`, event.detail);
+        this._handleConnectingEvent = () => {
+            logger$1.info(`live room is connecting`);
             this.state = LiveState.CONNECTING;
         };
         /**
@@ -1615,7 +1684,6 @@ class Live extends Subscribe {
         this._addLiveControllerEventListeners = () => {
             this._controller.on('stateChange', this._handleStateChange);
             this._controller.on('message', this._handleMessage);
-            this._controller.on('reconnected', this._handleReconnected);
         };
         /**
          * 移除带看控制的事件监听
@@ -1623,7 +1691,6 @@ class Live extends Subscribe {
         this._removeLiveControllerEventListeners = () => {
             this._controller.off('stateChange', this._handleStateChange);
             this._controller.off('message', this._handleMessage);
-            this._controller.off('reconnected', this._handleReconnected);
         };
         /**
          * 带看状态变化
@@ -1778,32 +1845,6 @@ class Live extends Subscribe {
                 }
             }
         });
-        /**
-         * 处理重连
-         * @param detail
-         */
-        this._handleReconnected = (detail) => __awaiter(this, void 0, void 0, function* () {
-            var _h, _j, _k, _l, _m, _o, _p;
-            // 已经重连上ws，尝试重连语音
-            this.$RTC.joined = false;
-            const { rtcInfo } = this._buildInData;
-            if (rtcInfo) {
-                const { voiceId, type } = rtcInfo;
-                const result = yield ((_h = this.$RTC) === null || _h === void 0 ? void 0 : _h.join({
-                    voiceId,
-                    userId: ((_j = this.selfInfo) === null || _j === void 0 ? void 0 : _j.id) || '',
-                    roomId: (_k = this.roomInfo) === null || _k === void 0 ? void 0 : _k.info.room_code,
-                    type,
-                }));
-                if (result) {
-                    const status = (_o = (_m = (_l = this.selfInfo) === null || _l === void 0 ? void 0 : _l.micro_status) !== null && _m !== void 0 ? _m : this._options.initialMicroStatus) !== null && _o !== void 0 ? _o : MicroStatus.OPEN;
-                    yield ((_p = this.$RTC) === null || _p === void 0 ? void 0 : _p.toggleMicro(status === MicroStatus.OPEN));
-                }
-                else {
-                    logger$1.error('加入语音房间失败');
-                }
-            }
-        });
         /**
          * 清理带看缓存的数据
          */
@@ -1816,12 +1857,12 @@ class Live extends Subscribe {
          * @returns
          */
         this.connect = (options = {}) => __awaiter(this, void 0, void 0, function* () {
-            var _q, _r, _s, _t;
+            var _h, _j, _k, _l;
             // 检查 url 和 票据获取接口实现
-            this._options.url = (_r = (_q = options.url) !== null && _q !== void 0 ? _q : this._options.url) !== null && _r !== void 0 ? _r : '';
-            this._options.getTicket = (_s = options.getTicket) !== null && _s !== void 0 ? _s : this._options.getTicket;
+            this._options.url = (_j = (_h = options.url) !== null && _h !== void 0 ? _h : this._options.url) !== null && _j !== void 0 ? _j : '';
+            this._options.getTicket = (_k = options.getTicket) !== null && _k !== void 0 ? _k : this._options.getTicket;
             this._options.initialMicroStatus =
-                (_t = options.rtcMicStatus) !== null && _t !== void 0 ? _t : this._options.initialMicroStatus;
+                (_l = options.rtcMicStatus) !== null && _l !== void 0 ? _l : this._options.initialMicroStatus;
             if (!/^ws(s):\/\//.test(this._options.url) ||
                 typeof this._options.getTicket !== 'function') {
                 if (!/^ws(s):\/\//.test(this._options.url)) {
@@ -1863,11 +1904,11 @@ class Live extends Subscribe {
          * @returns
          */
         this.exit = () => __awaiter(this, void 0, void 0, function* () {
-            var _u;
+            var _m;
             this._clearLiveData();
             try {
                 /** 退出强制关闭语音 */
-                (_u = this.$RTC) === null || _u === void 0 ? void 0 : _u.quit();
+                (_m = this.$RTC) === null || _m === void 0 ? void 0 : _m.quit();
                 yield this.updateStatus(BuiltinEventType.RoomChange, BuiltinActionType.RoomClose, {});
             }
             catch (e) {
@@ -1894,10 +1935,10 @@ class Live extends Subscribe {
         });
         // 仅用于用户自己的麦克风控制
         this.toggleMicro = (microStatus) => __awaiter(this, void 0, void 0, function* () {
-            var _v, _w, _x;
-            if (!((_w = (_v = this.selfInfo) === null || _v === void 0 ? void 0 : _v.permission) === null || _w === void 0 ? void 0 : _w.control_own_micro))
+            var _o, _p, _q;
+            if (!((_p = (_o = this.selfInfo) === null || _o === void 0 ? void 0 : _o.permission) === null || _p === void 0 ? void 0 : _p.control_own_micro))
                 return false;
-            const result = yield ((_x = this.$RTC) === null || _x === void 0 ? void 0 : _x.toggleMicro(microStatus));
+            const result = yield ((_q = this.$RTC) === null || _q === void 0 ? void 0 : _q.toggleMicro(microStatus));
             if (result) {
                 yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
                     status: microStatus ? MicroStatus.OPEN : MicroStatus.CLOSE,
@@ -1912,12 +1953,12 @@ class Live extends Subscribe {
          * @returns
          */
         this.forbidMicro = (microStatus, toUserIds) => __awaiter(this, void 0, void 0, function* () {
-            var _y, _z;
+            var _r, _s;
             if (typeof this._options.canForbidUserMicro === 'function' &&
                 !this._options.canForbidUserMicro(toUserIds)) {
                 return false;
             }
-            if (!((_z = (_y = this.selfInfo) === null || _y === void 0 ? void 0 : _y.permission) === null || _z === void 0 ? void 0 : _z.control_other_micro)) {
+            if (!((_s = (_r = this.selfInfo) === null || _r === void 0 ? void 0 : _r.permission) === null || _s === void 0 ? void 0 : _s.control_other_micro)) {
                 return false;
             }
             return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
@@ -1931,12 +1972,12 @@ class Live extends Subscribe {
          * @returns
          */
         this.forbidSync = (sync, toUserIds) => __awaiter(this, void 0, void 0, function* () {
-            var _0, _1;
+            var _t, _u;
             if (typeof this._options.canForbidUserSync === 'function' &&
                 !this._options.canForbidUserSync(toUserIds)) {
                 return false;
             }
-            if (!((_1 = (_0 = this.selfInfo) === null || _0 === void 0 ? void 0 : _0.permission) === null || _1 === void 0 ? void 0 : _1.control_other_sync)) {
+            if (!((_u = (_t = this.selfInfo) === null || _t === void 0 ? void 0 : _t.permission) === null || _u === void 0 ? void 0 : _u.control_other_sync)) {
                 return false;
             }
             return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserPermission, { sync_frame: sync }, toUserIds);
@@ -1947,12 +1988,12 @@ class Live extends Subscribe {
          * @returns
          */
         this.kick = (toUserIds) => __awaiter(this, void 0, void 0, function* () {
-            var _2, _3;
+            var _v, _w;
             if (typeof this._options.canForbidUserKick === 'function' &&
                 !this._options.canForbidUserKick(toUserIds)) {
                 return false;
             }
-            if (!((_3 = (_2 = this.selfInfo) === null || _2 === void 0 ? void 0 : _2.permission) === null || _3 === void 0 ? void 0 : _3.change_other_status)) {
+            if (!((_w = (_v = this.selfInfo) === null || _v === void 0 ? void 0 : _v.permission) === null || _w === void 0 ? void 0 : _w.change_other_status)) {
                 return false;
             }
             return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserStatus, {