@realsee/live 0.4.0-beta.6 → 0.5.0-alpha.1

package/dist/realsee-live.esm.js

@@ -1,7 +1,7 @@
 import JSBridge from '@realsee/jsbridge-x';
-import { DefaultModality, ConsoleLogger, LogLevel, DefaultDeviceController, MeetingSessionConfiguration, DefaultMeetingSession, MeetingSessionStatusCode } from 'amazon-chime-sdk-js';
 import TRTC from 'trtc-js-sdk';
-import React from 'react';
+import { DefaultModality, ConsoleLogger, LogLevel as LogLevel$1, DefaultDeviceController, MeetingSessionConfiguration, DefaultMeetingSession, MeetingSessionStatusCode } from 'amazon-chime-sdk-js';
+import React, { createContext, useCallback } from 'react';
 
 const EVENT_SYMBOL = Symbol('$$REALSEE_LIVE_EVENT$$');
 function __generateEventIfNotExisted(instance) {
@@ -121,6 +121,31 @@ class Subscribe {
 class CoreRTC extends Subscribe {
 }
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 /**
  * rtc 类型
  */
@@ -174,24 +199,21 @@ class BrowserRTC extends CoreRTC {
             client: null,
             stream: null,
         };
-        this.join = async (options) => {
+        this.join = (options) => __awaiter(this, void 0, void 0, function* () {
             var _a;
             this.emit('joinWillStart');
-            const createClientOptions = await this._getVoiceSign({
+            const createClientOptions = yield this._getVoiceSign({
                 voiceId: options.voiceId,
                 roomId: options.roomId,
                 userId: options.userId,
             });
             // 1.  创建client
-            this._trtc.client = TRTC.createClient({
-                mode: 'rtc',
-                ...createClientOptions,
-            });
+            this._trtc.client = TRTC.createClient(Object.assign({ mode: 'rtc' }, createClientOptions));
             (_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.enableAudioVolumeEvaluation();
             // 2. 订阅事件
             this._registerRtcEvent();
             // 3. 加入语音房间
-            let result = await new Promise((resolve) => {
+            let result = yield new Promise((resolve) => {
                 var _a;
                 (_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.join({ roomId: Number(options.voiceId) }).then(() => resolve(true)).catch(() => resolve(false));
             });
@@ -205,12 +227,12 @@ class BrowserRTC extends CoreRTC {
                 video: false,
             });
             // 5. 初始化本地流
-            result = await new Promise((resolve) => {
+            result = yield new Promise((resolve) => {
                 var _a;
                 (_a = this._trtc.stream) === null || _a === void 0 ? void 0 : _a.initialize().then(() => resolve(true)).catch(() => resolve(false));
             });
             // 6. 发布本地流
-            result = await new Promise((resolve) => {
+            result = yield new Promise((resolve) => {
                 var _a;
                 (_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.publish(this._trtc.stream).then(() => resolve(true)).catch(() => resolve(false));
             });
@@ -218,7 +240,7 @@ class BrowserRTC extends CoreRTC {
             if (this.joined)
                 this.emit('joined');
             return result;
-        };
+        });
         this._handleStreamAdded = (event) => {
             var _a;
             const remoteStream = event.stream;
@@ -246,17 +268,17 @@ class BrowserRTC extends CoreRTC {
         document.body.appendChild(this.$dom);
     }
     quit() {
-        return new Promise(async (resolve) => {
+        return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
             this.joined = false;
             if (this._trtc.stream) {
-                await ((_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.unpublish(this._trtc.stream));
+                yield ((_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.unpublish(this._trtc.stream));
                 this._trtc.stream.stop();
                 this._trtc.stream.close();
                 this._trtc.stream = null;
             }
             (_b = this._trtc.client) === null || _b === void 0 ? void 0 : _b.leave().then(() => (this._trtc.client = null)).then(() => resolve(true)).catch(() => resolve(false));
-        });
+        }));
     }
     detectMicro() {
         return new Promise((resolve) => {
@@ -419,7 +441,7 @@ class BrowserRTC4Chime extends CoreRTC {
         // 挂载签名钩子
         this._getVoiceSign = options.getVoiceSign;
         this._initDom();
-        this.logger = new ConsoleLogger('WebRTCLogger', options.logLevel || LogLevel.OFF);
+        this.logger = new ConsoleLogger('WebRTCLogger', options.logLevel || LogLevel$1.OFF);
         this.deviceController = new DefaultDeviceController(this.logger);
         this.initObservers();
     }
@@ -428,65 +450,64 @@ class BrowserRTC4Chime extends CoreRTC {
      * @param options
      * @returns
      */
-    async join(options) {
-        return new Promise(async (success, fail) => {
-            var _a;
-            this.emit('joinWillStart');
-            try {
-                // 取签名
-                const { sdkAppId, userId, roomId, userSig } = await this._getVoiceSign({
-                    ...options,
-                    roomId: options.roomId || 0,
-                });
-                this.userId = userId;
-                const { attendence, vendor_wrapper, } = JSON.parse(decodeURIComponent(userSig));
-                // 初始化配置
-                const configuration = new MeetingSessionConfiguration({
-                    Meeting: vendor_wrapper,
-                }, {
-                    Attendee: {
-                        ExternalUserId: attendence.external_user_id,
-                        AttendeeId: attendence.attendee_id,
-                        JoinToken: attendence.join_token,
-                    },
-                });
-                // 初始化会议会话
-                this.meetingSession = new DefaultMeetingSession(configuration, this.logger, this.deviceController);
-                // 注册事件
-                this._registerRtcEvent();
-                // 绑定监听器
-                this.meetingSession.audioVideo.addDeviceChangeObserver(this.deviceChangeObserver);
-                this.meetingSession.audioVideo.addObserver(this.audioVideoObserver);
-                // 绑定播放器
-                this.meetingSession.audioVideo.bindAudioElement(this.$audio);
-                const observer = {
-                    audioVideoDidStart: () => {
-                        var _a;
-                        (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeMuteLocalAudio();
-                        this.joined = true;
-                        this.emit('joined');
-                        success(true);
-                    },
-                    audioVideoDidStop: () => {
-                        this.joined = false;
-                        success(false);
-                    },
-                };
-                this.meetingSession.audioVideo.addObserver(observer);
-                // 选择语音输入设备
-                const audioInputDevices = await this.deviceController.listAudioInputDevices(true);
-                const defaultAudioInput = audioInputDevices.find((device) => device.deviceId === 'default');
-                const otherAudioInput = audioInputDevices.find((device) => device.deviceId !== '');
-                this.audioInput = defaultAudioInput || otherAudioInput;
-                await this.meetingSession.audioVideo.chooseVideoInputDevice(null);
-                await this.meetingSession.audioVideo.chooseAudioInputDevice(((_a = this.audioInput) === null || _a === void 0 ? void 0 : _a.deviceId) || 'default');
-                this.meetingSession.audioVideo.start();
-            }
-            catch (e) {
-                this.emit('error', e);
-                this.logger.error(e.message);
-                success(false);
-            }
+    join(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((success, fail) => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                this.emit('joinWillStart');
+                try {
+                    // 取签名
+                    const { sdkAppId, userId, roomId, userSig } = yield this._getVoiceSign(Object.assign(Object.assign({}, options), { roomId: options.roomId || 0 }));
+                    this.userId = userId;
+                    const { attendence, vendor_wrapper, } = JSON.parse(decodeURIComponent(userSig));
+                    // 初始化配置
+                    const configuration = new MeetingSessionConfiguration({
+                        Meeting: vendor_wrapper,
+                    }, {
+                        Attendee: {
+                            ExternalUserId: attendence.external_user_id,
+                            AttendeeId: attendence.attendee_id,
+                            JoinToken: attendence.join_token,
+                        },
+                    });
+                    // 初始化会议会话
+                    this.meetingSession = new DefaultMeetingSession(configuration, this.logger, this.deviceController);
+                    // 注册事件
+                    this._registerRtcEvent();
+                    // 绑定监听器
+                    this.meetingSession.audioVideo.addDeviceChangeObserver(this.deviceChangeObserver);
+                    this.meetingSession.audioVideo.addObserver(this.audioVideoObserver);
+                    // 绑定播放器
+                    this.meetingSession.audioVideo.bindAudioElement(this.$audio);
+                    const observer = {
+                        audioVideoDidStart: () => {
+                            var _a;
+                            (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeMuteLocalAudio();
+                            this.joined = true;
+                            this.emit('joined');
+                            success(true);
+                        },
+                        audioVideoDidStop: () => {
+                            this.joined = false;
+                            success(false);
+                        },
+                    };
+                    this.meetingSession.audioVideo.addObserver(observer);
+                    // 选择语音输入设备
+                    const audioInputDevices = yield this.deviceController.listAudioInputDevices(true);
+                    const defaultAudioInput = audioInputDevices.find((device) => device.deviceId === 'default');
+                    const otherAudioInput = audioInputDevices.find((device) => device.deviceId !== '');
+                    this.audioInput = defaultAudioInput || otherAudioInput;
+                    yield this.meetingSession.audioVideo.chooseVideoInputDevice(null);
+                    yield this.meetingSession.audioVideo.chooseAudioInputDevice(((_a = this.audioInput) === null || _a === void 0 ? void 0 : _a.deviceId) || 'default');
+                    this.meetingSession.audioVideo.start();
+                }
+                catch (e) {
+                    this.emit('error', e);
+                    this.logger.error(e.message);
+                    success(false);
+                }
+            }));
         });
     }
     quit() {
@@ -516,36 +537,40 @@ class BrowserRTC4Chime extends CoreRTC {
             (_b = this.meetingSession) === null || _b === void 0 ? void 0 : _b.audioVideo.stop();
         });
     }
-    async detectMicro() {
-        return new Promise((resolve) => {
-            const rule = { audio: true, video: false };
-            try {
-                navigator.mediaDevices
-                    .getUserMedia(rule)
-                    .then(() => resolve(true))
-                    .catch(() => resolve(false));
-            }
-            catch (e) {
-                this.logger.error(e.message);
-                resolve(false);
-            }
+    detectMicro() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                const rule = { audio: true, video: false };
+                try {
+                    navigator.mediaDevices
+                        .getUserMedia(rule)
+                        .then(() => resolve(true))
+                        .catch(() => resolve(false));
+                }
+                catch (e) {
+                    this.logger.error(e.message);
+                    resolve(false);
+                }
+            });
         });
     }
-    async toggleMicro(flag) {
+    toggleMicro(flag) {
         var _a, _b, _c;
-        if (flag) {
-            (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeUnmuteLocalAudio();
-        }
-        else {
-            (_b = this.meetingSession) === null || _b === void 0 ? void 0 : _b.audioVideo.realtimeMuteLocalAudio();
-        }
-        const muted = (_c = this.meetingSession) === null || _c === void 0 ? void 0 : _c.audioVideo.realtimeIsLocalAudioMuted();
-        if (muted !== undefined) {
-            return flag !== muted;
-        }
-        else {
-            return false;
-        }
+        return __awaiter(this, void 0, void 0, function* () {
+            if (flag) {
+                (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeUnmuteLocalAudio();
+            }
+            else {
+                (_b = this.meetingSession) === null || _b === void 0 ? void 0 : _b.audioVideo.realtimeMuteLocalAudio();
+            }
+            const muted = (_c = this.meetingSession) === null || _c === void 0 ? void 0 : _c.audioVideo.realtimeIsLocalAudioMuted();
+            if (muted !== undefined) {
+                return flag !== muted;
+            }
+            else {
+                return false;
+            }
+        });
     }
     shock() {
         throw new Error('Method not implemented.');
@@ -594,51 +619,59 @@ class VRWebViewRTC extends CoreRTC {
     get jsBridge() {
         return this.options.jsBridge;
     }
-    async join(options) {
-        this.emit('joinWillStart');
-        const { sdkAppId, userId, userSig } = await this.options.getVoiceSign(options);
-        this.type = options.type;
-        const [res, error] = await 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;
+    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 {
-                this.emit('error', res);
-                this.joined = false;
+                if (res.code === RTCJoinedInfoCodeEnum.Success) {
+                    this.emit('joined');
+                    this.joined = true;
+                }
+                else {
+                    this.emit('error', res);
+                    this.joined = false;
+                }
             }
-        }
-        return this.joined;
+            return this.joined;
+        });
     }
-    async quit() {
-        const [res, error] = await this.jsBridge.callAndBackfeed('live/quit');
-        if (res === null) {
-            this.emit('error', error ? error : new Error('退出房间失败：未知异常。'));
-        }
-        this.joined = false;
-        return !!res;
+    quit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const [res, error] = yield this.jsBridge.callAndBackfeed('live/quit');
+            if (res === null) {
+                this.emit('error', error ? error : new Error('退出房间失败：未知异常。'));
+            }
+            this.joined = false;
+            return !!res;
+        });
     }
-    async detectMicro() {
-        const [res, error] = await this.jsBridge.detectMicro();
-        if (res === null) {
-            this.emit('error', error ? error : new Error('麦克风监测异常！'));
-            return false;
-        }
-        return res;
+    detectMicro() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const [res, error] = yield this.jsBridge.detectMicro();
+            if (res === null) {
+                this.emit('error', error ? error : new Error('麦克风监测异常！'));
+                return false;
+            }
+            return res;
+        });
     }
-    async toggleMicro(flag) {
-        const [res, error] = await this.jsBridge.callAndBackfeed(`live/toggleMicro?flag=${!!flag ? 1 : 0}`);
-        if (res === null) {
-            this.emit('error', error ? error : new Error('麦克风监测异常！'));
-            return false;
-        }
-        this.micro = res;
-        return res;
+    toggleMicro(flag) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const [res, error] = yield this.jsBridge.callAndBackfeed(`live/toggleMicro?flag=${!!flag ? 1 : 0}`);
+            if (res === null) {
+                this.emit('error', error ? error : new Error('麦克风监测异常！'));
+                return false;
+            }
+            this.micro = res;
+            return res;
+        });
     }
     shock() {
         this.jsBridge.shock(1);
@@ -881,6 +914,51 @@ function parseWSClsErr(code) {
     return WebSocketCloseError.Err_unknown;
 }
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn) {
+  var module = { exports: {} };
+	return fn(module, module.exports), module.exports;
+}
+
+var LogLevel_1 = createCommonjsModule(function (module, exports) {
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogLevel = void 0;
+var LogLevel;
+(function (LogLevel) {
+    LogLevel[LogLevel["DEBUG"] = 0] = "DEBUG";
+    LogLevel[LogLevel["INFO"] = 1] = "INFO";
+    LogLevel[LogLevel["WARN"] = 2] = "WARN";
+    LogLevel[LogLevel["ERROR"] = 3] = "ERROR";
+    LogLevel[LogLevel["OFF"] = 4] = "OFF";
+})(LogLevel = exports.LogLevel || (exports.LogLevel = {}));
+exports.default = LogLevel;
+
+});
+
+var LogLevel = /*@__PURE__*/getDefaultExportFromCjs(LogLevel_1);
+
+var LiveState;
+(function (LiveState) {
+    LiveState[LiveState["NOTINITIALIZED"] = -1] = "NOTINITIALIZED";
+    /**
+     * 正在链接中
+     */
+    LiveState[LiveState["CONNECTING"] = 0] = "CONNECTING";
+    /**
+     * 已经链接并且可以通讯
+     */
+    LiveState[LiveState["OPEN"] = 1] = "OPEN";
+    /**
+     * 连接已关闭或者链接失败
+     */
+    LiveState[LiveState["CLOSED"] = 3] = "CLOSED";
+})(LiveState || (LiveState = {}));
+
 function appendUri(uri, query) {
     const hasQuery = uri.indexOf('?') !== -1;
     const newQuery = Object.keys(query).reduce((accu, curr, idx) => `${accu}${(idx === 0 && !hasQuery) ? '?' : '&'}${curr}=${query[curr]}`, '');
@@ -1025,692 +1103,1115 @@ function equal(value, other, opt) {
     return isDeepEqual(value, other);
 }
 
-class LiveController {
+/**
+ * 输出格式化日志
+ */
+// 获取当前时间
+const getTime = () => {
+    const date = new Date();
+    const year = date.getFullYear();
+    const month = (date.getMonth() + 1).toString().padStart(2, '0'); //月份是从0开始的
+    const day = date.getDate().toString().padStart(2, '0');
+    const hour = date.getHours().toString().padStart(2, '0');
+    const min = date.getMinutes().toString().padStart(2, '0');
+    const sec = date.getSeconds().toString().padStart(2, '0');
+    const ms = date.getMilliseconds();
+    return `[${year}-${month}-${day} ${hour}:${min}:${sec}.${ms}]`;
+};
+var LOG_LEVEL;
+(function (LOG_LEVEL) {
+    LOG_LEVEL["info"] = "INFO";
+    LOG_LEVEL["log"] = "LOG";
+    LOG_LEVEL["error"] = "ERROR";
+    LOG_LEVEL["warn"] = "WARN";
+})(LOG_LEVEL || (LOG_LEVEL = {}));
+// 输出日志
+const echo = (logLevel, args = []) => {
+    args.unshift(`Realsee Live ${getTime()} <${logLevel}> `);
+    switch (logLevel) {
+        case LOG_LEVEL.info:
+            return console.info(...args);
+        case LOG_LEVEL.error:
+            return console.error(...args);
+        case LOG_LEVEL.warn:
+            return console.warn(...args);
+        default:
+            return console.log(...args);
+    }
+};
+const log = (...args) => echo(LOG_LEVEL.log, args);
+const info = (...args) => echo(LOG_LEVEL.info, args);
+const error = (...args) => echo(LOG_LEVEL.error, args);
+const warn = (...args) => echo(LOG_LEVEL.warn, args);
+const logger = {
+    log,
+    info,
+    error,
+    warn,
+};
+var logger$1 = logger;
+
+/**
+ * 具有鲁棒性的WebSocket封装
+ * 1、自动重连
+ * 2、可根据网络情况进行重连
+ */
+class RobustWebSocket extends Subscribe {
     constructor(options) {
-        this.readyState = WebSocketState.NOTINITIALIZED;
-        this.canSync = true;
-        this.connecting = false;
-        this.keyframes = {};
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+        super();
+        this._options = {
+            timeout: 10000,
+            shouldReconnect: (event, ws) => {
+                if (event.code === 1008 || event.code === 1011)
+                    return;
+                return [0, 3000, 10000][ws.attempts];
+            },
+            should1000Reconnect: false,
+            ignoreConnectivityEvents: false,
+            automaticOpen: false,
+        };
+        this._attempts = 0;
+        this._reconnects = -1;
+        this._reconnectWhenOnlineAgain = false;
+        this._explicitlyClosed = false;
+        this._connectivityEventsAttached = false;
         /**
-         * 检测 WebSocket.readyState 状态
+         * 清理连接中的请求
          */
-        this.checkReadyState = (live) => {
-            do {
-                if (!this.webSocket) {
-                    if (this.readyState !== WebSocketState.NOTINITIALIZED) {
-                        this.readyState = WebSocketState.NOTINITIALIZED;
-                        live.emit('ws.readyStateUpdate', this.readyState);
-                    }
-                    break;
-                }
-                const readyState = this.webSocket.readyState;
-                if (readyState !== this.readyState) {
-                    this.readyState = readyState;
-                    live.emit('ws.readyStateUpdate', this.readyState);
-                }
-            } while (false);
-            return this.readyState;
+        this._clearPendingReconnectIfNeeded = () => {
+            if (this._pendingReconnect) {
+                clearTimeout(this._pendingReconnect);
+                this._pendingReconnect = undefined;
+            }
         };
-        this.dispose = () => {
-            this.disposeWebSocket();
-            this.connecting = false;
-            if (this.healthCheckId) {
-                clearInterval(this.healthCheckId);
-                this.healthCheckId = undefined;
+        /**
+         * 当网页连接上网络进行重连
+         * @param event
+         */
+        this._online = (event) => {
+            if (this._reconnectWhenOnlineAgain) {
+                this._clearPendingReconnectIfNeeded();
+                this._reconnect(event);
             }
-            return true;
         };
         /**
-         * 销毁WebSocket相关依赖。
+         * 当网页断开网络进行关闭
          */
-        this.disposeWebSocket = () => {
-            if (!this.webSocket)
-                return;
-            if (this.onEvtOpnListener) {
-                this.webSocket.removeEventListener('open', this.onEvtOpnListener);
-                this.onEvtOpnListener = undefined;
+        this._offline = () => {
+            var _a;
+            this._reconnectWhenOnlineAgain = true;
+            (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.close(1000);
+        };
+        /**
+         * 解除网络监听事件
+         */
+        this._detachConnectivityEvents = () => {
+            if (this._connectivityEventsAttached) {
+                globalThis === null || globalThis === void 0 ? void 0 : globalThis.removeEventListener('online', this._online);
+                globalThis === null || globalThis === void 0 ? void 0 : globalThis.removeEventListener('offline', this._offline);
+                this._connectivityEventsAttached = false;
+            }
+        };
+        /**
+         * 注册网络监听事件
+         */
+        this._attachConnectivityEvents = () => {
+            if (!this._connectivityEventsAttached) {
+                globalThis === null || globalThis === void 0 ? void 0 : globalThis.addEventListener('online', this._online);
+                globalThis === null || globalThis === void 0 ? void 0 : globalThis.addEventListener('offline', this._offline);
+                this._connectivityEventsAttached = true;
+            }
+        };
+        /**
+         * 发送消息
+         * @param data
+         * @returns
+         */
+        this.send = (data) => { var _a; return (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.send(data); };
+        /**
+         * 关闭连接
+         * @param code 代码
+         * @param reason 原因
+         * @returns
+         */
+        this.close = (code, reason) => {
+            var _a;
+            if (typeof code !== 'number') {
+                reason = code;
+                code = 1000;
             }
-            if (this.onEvtMsgListener) {
-                this.webSocket.removeEventListener('message', this.onEvtMsgListener);
-                this.onEvtMsgListener = undefined;
+            this._clearPendingReconnectIfNeeded();
+            this._reconnectWhenOnlineAgain = false;
+            this._explicitlyClosed = true;
+            this._detachConnectivityEvents();
+            return (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.close(code, reason);
+        };
+        /**
+         * 进行ws连接
+         */
+        this.open = (url) => {
+            var _a, _b;
+            if (url) {
+                this._url = url;
             }
-            if (this.onEvtErrListener) {
-                this.webSocket.removeEventListener('error', this.onEvtErrListener);
-                this.onEvtErrListener = undefined;
+            if (((_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.readyState) !== WebSocket.OPEN &&
+                ((_b = this._realWebSocket) === null || _b === void 0 ? void 0 : _b.readyState) !== WebSocket.CONNECTING) {
+                this._clearPendingReconnectIfNeeded();
+                this._reconnectWhenOnlineAgain = false;
+                this._explicitlyClosed = false;
+                this._createWebSocket();
             }
-            if (this.onEvtCLEListener) {
-                this.webSocket.removeEventListener('close', this.onEvtCLEListener);
-                this.onEvtCLEListener = undefined;
+        };
+        /**
+         * 创建ws连接
+         */
+        this._createWebSocket = () => {
+            var _a, _b, _c;
+            const newUrl = typeof this._url === 'string' ? this._url : (_a = this._url) === null || _a === void 0 ? void 0 : _a.call(this, this);
+            if (!newUrl)
+                return;
+            this._pendingReconnect = undefined;
+            this._realWebSocket = new WebSocket(newUrl, this._protocols || undefined);
+            this._attempts = this._attempts + 1;
+            this.emit('connecting', new CustomEvent('connecting', {
+                detail: { attempts: this._attempts, reconnects: this._reconnects },
+            }));
+            const timeoutCallback = () => {
+                this._connectTimeout = undefined;
+                this._detachConnectivityEvents();
+                this.emit('timeout', new CustomEvent('connecting', {
+                    detail: {
+                        attempts: this._attempts,
+                        reconnects: this._reconnects,
+                    },
+                }));
+            };
+            this._connectTimeout = setTimeout(timeoutCallback, (_b = this._options) === null || _b === void 0 ? void 0 : _b.timeout);
+            this._dispatchWebSocketEvent();
+            if (!((_c = this._options) === null || _c === void 0 ? void 0 : _c.ignoreConnectivityEvents)) {
+                this._attachConnectivityEvents();
             }
-            this.webSocket.close();
-            this.webSocket = undefined;
-            return true;
         };
-        this.options = Object.assign({ autoConnect: true, healthCheck: 3000 }, options);
+        /**
+         * 分发ws事件
+         */
+        this._dispatchWebSocketEvent = () => {
+            var _a, _b, _c, _d;
+            (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.addEventListener('open', this._webSocketOpenHandler);
+            (_b = this._realWebSocket) === null || _b === void 0 ? void 0 : _b.addEventListener('close', this._webSocketCloseHandler);
+            (_c = this._realWebSocket) === null || _c === void 0 ? void 0 : _c.addEventListener('error', this._webSocketErrorHandler);
+            (_d = this._realWebSocket) === null || _d === void 0 ? void 0 : _d.addEventListener('message', this._webSocketMessageHandler);
+        };
+        /**
+         * ws连接事件
+         * @returns
+         */
+        this._webSocketOpenHandler = (event) => {
+            if (this._connectTimeout) {
+                clearTimeout(this._connectTimeout);
+                this._connectTimeout = undefined;
+            }
+            const reconnects = ++this._reconnects;
+            const attempts = this._attempts;
+            this._attempts = 0;
+            this._reconnectWhenOnlineAgain = false;
+            return this.emit('open', Object.assign(event, { detail: { reconnects, attempts } }));
+        };
+        /**
+         * ws 关闭事件
+         * @param event
+         * @returns
+         */
+        this._webSocketCloseHandler = (event) => {
+            this._reconnect(event);
+            return this.emit('close', event);
+        };
+        /**
+         * ws 异常
+         * @param event
+         * @returns
+         */
+        this._webSocketErrorHandler = (event) => {
+            return this.emit('error', new CustomEvent('error', { detail: { error: event } }));
+        };
+        /**
+         * ws消息
+         * @param event
+         * @returns
+         */
+        this._webSocketMessageHandler = (event) => {
+            return this.emit('message', event);
+        };
+        if (options) {
+            this.setOptions(options);
+        }
+    }
+    get attempts() {
+        return this._attempts;
+    }
+    setOptions(options) {
+        if (!options)
+            return;
+        this._url = options.url;
+        this._protocols = options.protocols;
+        const opts = Object.assign(this._options, options.robustOptions || {});
+        if (typeof (opts === null || opts === void 0 ? void 0 : opts.timeout) !== 'number') {
+            throw new Error('timeout must be the number of milliseconds to timeout a connection attempt');
+        }
+        if (typeof (opts === null || opts === void 0 ? void 0 : opts.shouldReconnect) !== 'function') {
+            throw new Error('shouldReconnect must be a function that returns the number of milliseconds to wait for a reconnect attempt, or null or undefined to not reconnect.');
+        }
+        this._options = opts;
+        if (this._options.automaticOpen) {
+            this._createWebSocket();
+        }
     }
     /**
-     * 解析数据
-     * @param liveMsg
-     * @param live
+     * 进行重连
+     * @param event
+     * @returns
      */
-    handleMessage(liveMsg, live) {
-        var _a, _b, _c;
-        const { command, data, frontRequestId, code, message } = liveMsg;
-        if (code === 'SUCCESS') {
-            switch (command) {
-                /**
-                 * 自己的状态变化
-                 */
-                case Command.SelfUserInfo: {
-                    const selfInfo = data;
-                    if (equal(this.selfUserInfo, selfInfo, { deep: true }))
-                        return;
-                    this.selfUserInfo = selfInfo;
-                    live.emit('selfInfoUpdate', this.selfUserInfo, frontRequestId);
-                    break;
-                }
-                /**
-                 * 房间信息变化
-                 */
-                case Command.RoomInfo: {
-                    const roomInfo = data;
-                    this.roomInfo = Object.assign({}, roomInfo);
-                    live.emit('readyKeyframeSync', (roomInfo.last_frame || {}));
-                    break;
-                }
-                /**
-                 * 语音信息变化
-                 */
-                case Command.RTCInfo: {
-                    const { voice_id: voiceId, type } = data;
-                    /* 如果已经进入语音房间，则不重复进入 --> "RTCInfo" 指令可能会下发多次 */
-                    if (live.$RTC.joined) {
-                        break;
-                    }
-                    live.$RTC.join({
-                        voiceId,
-                        userId: ((_a = this.selfUserInfo) === null || _a === void 0 ? void 0 : _a.id) || '',
-                        roomId: (_b = this.roomInfo) === null || _b === void 0 ? void 0 : _b.info.room_code,
-                        type,
-                    });
-                    // 加入房间后 麦克风默认就开启了：需要发个指令。
-                    live.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
-                        status: MicroStatus.OPEN,
-                    });
-                    break;
-                }
-                /**
-                 * 房间用户列表变化
-                 */
-                case Command.UserList: {
-                    const userList = data;
-                    this.userList = userList;
-                    live.emit('userListUpdate', this.userList, frontRequestId);
-                    break;
-                }
-                /**
-                 * 自定义事件广播
-                 */
-                case Command.CustomEvent: {
-                    const evtMsg = data;
-                    live.emit('broadcast', evtMsg, frontRequestId);
-                    break;
-                }
-                /**
-                 * 帧数据同步
-                 */
-                case Command.KeyframeSync: {
-                    const remoteKeyframes = data;
-                    // 此处做一层 diff，仅跟本地数据不一致的情况下才广播数据。
-                    const keyframes = Object.keys(remoteKeyframes).reduce((accu, curr) => {
-                        if (equal(remoteKeyframes[curr], this.keyframes[curr], { deep: true })) {
-                            return accu;
-                        }
-                        const params = [
-                            remoteKeyframes[curr],
-                            this.keyframes[curr],
-                            frontRequestId,
-                        ];
-                        const evtName = curr;
-                        live.keyframes.emit(evtName, ...params);
-                        this.keyframes[curr] = remoteKeyframes[curr];
-                        accu[curr] = remoteKeyframes[curr];
-                        return accu;
-                    }, {});
-                    live.emit('keyframes', keyframes, frontRequestId);
-                    break;
-                }
-                /**
-                 * 内置消息
-                 */
-                case Command.BuiltinMsg: {
-                    const builtinMsg = data;
-                    live.emit('builtinEvent', builtinMsg);
-                    if (builtinMsg.event_type === BuiltinEventType.UserChange) {
-                        live.emit('userChange', builtinMsg);
-                    }
-                    if (builtinMsg.event_type === BuiltinEventType.RoomChange) {
-                        live.emit('roomChange', builtinMsg);
-                    }
-                    /**
-                     * 下发指令自己操作麦克风
-                     */
-                    if (builtinMsg.event_type === BuiltinEventType.UserChange &&
-                        builtinMsg.action === BuiltinActionType.UserMicroStatus) {
-                        live.toggleMicro(builtinMsg.data.status === MicroStatus.OPEN);
-                    }
-                    /**
-                     * 如果下发指令退出房间，则 关闭麦克风 及 销毁 WebSocket
-                     */
-                    if (builtinMsg.event_type === BuiltinEventType.RoomChange &&
-                        builtinMsg.action === BuiltinActionType.RoomClose) {
-                        (_c = this.options.rtc) === null || _c === void 0 ? void 0 : _c.quit();
-                        this.disposeWebSocket();
-                    }
-                    break;
-                }
-                /**
-                 * 被踢出房间
-                 */
-                case Command.UserKickOut: {
-                    live.emit('kickOut');
-                    break;
-                }
-                /**
-                 * 其它未知广播
-                 */
-                default: {
-                    console.warn('unknown command: ', command);
-                }
-            }
+    _reconnect(event) {
+        var _a, _b, _c, _d;
+        if ((!((_a = this._options) === null || _a === void 0 ? void 0 : _a.should1000Reconnect) && event.code === 1000) ||
+            this._explicitlyClosed) {
+            this._attempts = 0;
+            return;
         }
-        else {
-            live.emit('error', liveMsg);
+        if (((_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.navigator) === null || _b === void 0 ? void 0 : _b.onLine) === false) {
+            this._reconnectWhenOnlineAgain = true;
+            return;
         }
+        const delay = (_d = (_c = this._options) === null || _c === void 0 ? void 0 : _c.shouldReconnect) === null || _d === void 0 ? void 0 : _d.call(_c, event, this);
+        if (typeof delay === 'number') {
+            this._pendingReconnect = setTimeout(this._createWebSocket, delay);
+        }
+    }
+}
+
+class LiveController extends Subscribe {
+    constructor() {
+        super();
+        /**
+         * ws代理器
+         */
+        this._ws = new RobustWebSocket();
+        /**
+         * 带看连接状态
+         */
+        this._state = LiveState.NOTINITIALIZED;
+        /**
+         * 添加事件监听
+         */
+        this._addWebSocketEventListeners = () => {
+            this._ws.on('close', this._handleCloseEvent);
+            this._ws.on('connecting', this._handleConnectingEvent);
+            this._ws.on('error', this._handleErrorEvent);
+            this._ws.on('message', this._handleMessageEvent);
+            this._ws.on('open', this._handleOpenEvent);
+            this._ws.on('timeout', this._handleTimeoutEvent);
+        };
+        /**
+         * 移除事件监听
+         */
+        this._removeWebSocketEventListeners = () => {
+            this._ws.off('close', this._handleCloseEvent);
+            this._ws.off('connecting', this._handleConnectingEvent);
+            this._ws.off('error', this._handleErrorEvent);
+            this._ws.off('message', this._handleMessageEvent);
+            this._ws.off('open', this._handleOpenEvent);
+            this._ws.off('timeout', this._handleTimeoutEvent);
+        };
+        /**
+         * 处理房间关闭事件
+         * @param event
+         */
+        this._handleCloseEvent = (event) => {
+            logger$1.info(`live room closed bacause of ${event.code}-${event.reason || parseWSClsErr(event.code)}`);
+            this.state = LiveState.CLOSED;
+        };
+        /**
+         * 连接中
+         * @param event
+         */
+        this._handleConnectingEvent = (event) => {
+            logger$1.info(`live room is connecting`, event.detail);
+            this.state = LiveState.CONNECTING;
+        };
+        /**
+         * 连接发送异常
+         * @param event
+         */
+        this._handleErrorEvent = (event) => {
+            logger$1.error(`live room error`, event);
+            this.state = LiveState.CLOSED;
+        };
+        /**
+         * 接收到消息
+         * @param event
+         */
+        this._handleMessageEvent = (event) => {
+            // logger.info('live room received message ', event.data);
+            let message = (() => {
+                try {
+                    return JSON.parse(event.data);
+                }
+                catch (e) {
+                    return event.data;
+                }
+            })();
+            this.emit('message', message);
+        };
+        /**
+         * 连接建立成功
+         * @param event
+         */
+        this._handleOpenEvent = (event) => {
+            logger$1.info('live room open', event.detail);
+            this.state = LiveState.OPEN;
+        };
+        /**
+         * 处理超时
+         * @param event
+         */
+        this._handleTimeoutEvent = (event) => {
+            logger$1.error('live room connect timeout!', event.detail);
+            this.state = LiveState.CLOSED;
+        };
+        /**
+         * 释放资源，释放之后需要重新实例化
+         * @returns
+         */
+        this.dispose = () => __awaiter(this, void 0, void 0, function* () {
+            this._removeWebSocketEventListeners();
+            return yield this.close('live room close by controller disposed!');
+        });
+        /**
+         * 开启房间链接
+         * @param url  房间链接
+         * @returns
+         */
+        this.open = (url) => this._ws.open(url);
+        /**
+         * 关闭房间
+         * @param code
+         * @param reason
+         */
+        this.close = (code, reason) => new Promise((resolve) => {
+            this._ws.once('close', () => resolve(true));
+            this._ws.close(code, reason);
+        });
+        this._addWebSocketEventListeners();
+    }
+    set state(state) {
+        const prevState = JSON.parse(JSON.stringify(this._state));
+        this._state = state;
+        this.emit('stateChange', this.state, prevState);
+    }
+    get state() {
+        return this._state;
     }
     /**
      * 发送数据
      * @param data
      */
-    sendMessage(data) {
-        if (!this.webSocket)
-            return console.warn('WebSocket has not yet been initialized!');
-        if (!data)
-            return console.warn('WebSocket messages is empty!');
-        this.webSocket.send(JSON.stringify(data));
+    sendMessage(data = '') {
+        if (data === undefined || data === null || data === '') {
+            throw new Error('live message is empty!');
+        }
+        if (this.state === LiveState.OPEN) {
+            return this._ws.send(JSON.stringify(data));
+        }
+        else {
+            throw new Error('live has not yet been initialized!');
+        }
     }
 }
 
 const unimplementedGetVoiceSign = (params) => Promise.reject('unimplemented method GetVoiceSign');
-/**
- * 创建 `live` 实例。
- */
-function createLive(options) {
-    const liveController = new LiveController(options);
-    const createLiveMsg = (command, data = {}, toUserIds) => {
-        toUserIds = toUserIds
-            ? Array.isArray(toUserIds)
-                ? toUserIds
-                : [toUserIds]
-            : [];
-        if (toUserIds)
-            data['to_user_ids'] = toUserIds;
-        return { command, front_request_id: uuid(), data };
-    };
-    class LiveTpl extends Subscribe {
-        constructor() {
-            var _a, _b;
-            super();
-            this.keyframes = new Subscribe();
-            const jsBridge = (() => {
-                if (options.jsBridge)
-                    return options.jsBridge;
-                if (options.useBuiltInJsBridge)
-                    return new JSBridge();
-                return undefined;
-            })();
-            liveController.options.jsBridge = jsBridge;
-            // 没有传rtc实例时
-            if (!options.rtc) {
-                // 取指定的内部rtc类型
-                if (options.rtcType) {
-                    if (!options.getVoiceSign) {
-                        throw new Error('GetVoiceSign method must be passed when using built-in RTC instances');
-                    }
-                    const getVoiceSign = (_a = options.getVoiceSign) !== null && _a !== void 0 ? _a : unimplementedGetVoiceSign;
-                    switch (options.rtcType) {
-                        case RTCType.RealseeVRWebViewRTC: {
-                            // 内置的 VRWebViewRTC
-                            if (!jsBridge) {
-                                throw new Error('JsBridge instance must be passed when using built-in VRWebViewRTC instances');
-                            }
-                            liveController.options.rtc = new VRWebViewRTC({
-                                jsBridge,
-                                getVoiceSign,
-                            });
-                            break;
-                        }
-                        case RTCType.RealseeBrowserChimeRTC: {
-                            // 内置的 RealseeBrowserChimeRTC
-                            liveController.options.rtc = new BrowserRTC4Chime({
-                                getVoiceSign,
-                                logLevel: options.__debug__ ? LogLevel.DEBUG : LogLevel.ERROR,
-                            });
-                            break;
-                        }
-                        case RTCType.RealseeBrowserRTC: {
-                            // 内置的 RealseeBrowserRTC
-                            liveController.options.rtc = new BrowserRTC({
-                                getVoiceSign,
-                            });
+const createLiveMsg = (command, data = {}, toUserIds = []) => ({
+    command,
+    front_request_id: uuid(),
+    data: Object.assign(Object.assign({}, data), { to_user_ids: Array.isArray(toUserIds) ? toUserIds : [toUserIds] }),
+});
+const _clearLiveInstanceIfNeed = () => {
+    var _a, _b;
+    if (window === null || window === void 0 ? void 0 : window.__Realsee_Live__) {
+        (_b = (_a = window === null || window === void 0 ? void 0 : window.__Realsee_Live__) === null || _a === void 0 ? void 0 : _a.dispose) === null || _b === void 0 ? void 0 : _b.call(_a);
+        window.__Realsee_Live__ = null;
+    }
+};
+class Live extends Subscribe {
+    constructor(opts) {
+        var _a;
+        super();
+        /**
+         * 带看的配置
+         */
+        this._options = {};
+        /**
+         * 帧数据监听
+         */
+        this.keyframes = new Subscribe();
+        /**
+         * 内置的一些数据
+         */
+        this._buildInData = {
+            keyframes: {},
+        };
+        /**
+         * 根据键值取帧数据
+         * @param key 帧数据的键值
+         * @returns
+         */
+        this.getFramesByKey = (key) => this.snapshot[key];
+        /**
+         * 发送帧数据（需要能够被序列化）
+         * @param key 帧数据键值
+         * @param frame 帧数据本体
+         * @returns
+         */
+        this.sendKeyframe = (key, frame) => {
+            if (this.state !== LiveState.OPEN)
+                return false;
+            this._buildInData.keyframes = Object.assign(Object.assign({}, this._buildInData.keyframes), { [key]: frame });
+            const liveMsg = createLiveMsg(Command.KeyframeSync, this.snapshot);
+            try {
+                this._controller.sendMessage(liveMsg);
+                return true;
+            }
+            catch (e) {
+                logger$1.error(e);
+                return false;
+            }
+        };
+        /**
+         * 带看控制器
+         */
+        this._controller = new LiveController();
+        /**
+         * 添加带看控制的事件监听
+         */
+        this._addLiveControllerEventListeners = () => {
+            this._controller.on('stateChange', this._handleStateChange);
+            this._controller.on('message', this._handleMessage);
+        };
+        /**
+         * 移除带看控制的事件监听
+         */
+        this._removeLiveControllerEventListeners = () => {
+            this._controller.off('stateChange', this._handleStateChange);
+            this._controller.off('message', this._handleMessage);
+        };
+        /**
+         * 带看状态变化
+         * @param state
+         * @returns
+         */
+        this._handleStateChange = (state, prevState) => this.emit('stateChange', state, prevState);
+        this._handleMessage = (liveMsg) => __awaiter(this, void 0, void 0, function* () {
+            var _b, _c, _d, _e, _f, _g;
+            if (typeof liveMsg === 'object') {
+                const { command, data, frontRequestId, code, message } = liveMsg;
+                if (code === 'SUCCESS') {
+                    switch (command) {
+                        /**
+                         * 自己的状态变化
+                         */
+                        case Command.SelfUserInfo: {
+                            const selfInfo = data;
+                            if (!equal(this.selfInfo, selfInfo, { deep: true })) {
+                                this._buildInData.selfInfo = selfInfo;
+                                this.emit('selfInfoUpdate', this._buildInData.selfInfo, frontRequestId);
+                            }
+                            break;
+                        }
+                        /**
+                         * 房间信息变化
+                         */
+                        case Command.RoomInfo: {
+                            const roomInfo = data;
+                            this._buildInData.roomInfo = Object.assign({}, roomInfo);
+                            this.emit('readyKeyframeSync', (roomInfo.last_frame || {}));
+                            break;
+                        }
+                        /**
+                         * 语音信息变化
+                         */
+                        case Command.RTCInfo: {
+                            const { voice_id: voiceId, type } = data;
+                            if (!((_b = this.$RTC) === null || _b === void 0 ? void 0 : _b.joined)) {
+                                const result = yield ((_c = this.$RTC) === null || _c === void 0 ? void 0 : _c.join({
+                                    voiceId,
+                                    userId: ((_d = this.selfInfo) === null || _d === void 0 ? void 0 : _d.id) || '',
+                                    roomId: (_e = this.roomInfo) === null || _e === void 0 ? void 0 : _e.info.room_code,
+                                    type,
+                                }));
+                                if (result) {
+                                    const status = (_f = this._options.initialMicroStatus) !== null && _f !== void 0 ? _f : MicroStatus.OPEN;
+                                    yield ((_g = this.$RTC) === null || _g === void 0 ? void 0 : _g.toggleMicro(status === MicroStatus.OPEN));
+                                }
+                                else {
+                                    logger$1.error('加入语音房间失败');
+                                }
+                            }
+                            else {
+                                logger$1.warn('已加入语音房间，无需重复加入！');
+                            }
+                            break;
+                        }
+                        /**
+                         * 房间用户列表变化
+                         */
+                        case Command.UserList: {
+                            const userList = data;
+                            this._buildInData.userList = userList;
+                            this.emit('userListUpdate', this.userList, frontRequestId);
+                            break;
+                        }
+                        /**
+                         * 自定义事件广播
+                         */
+                        case Command.CustomEvent: {
+                            const evtMsg = data;
+                            this.emit('broadcast', evtMsg, frontRequestId);
+                            break;
+                        }
+                        /**
+                         * 帧数据同步
+                         */
+                        case Command.KeyframeSync: {
+                            const remoteKeyframes = data;
+                            // 此处做一层 diff，仅跟本地数据不一致的情况下才广播数据。
+                            const keyframes = Object.keys(remoteKeyframes).reduce((accu, curr) => {
+                                if (equal(remoteKeyframes[curr], this._buildInData.keyframes[curr], {
+                                    deep: true,
+                                })) {
+                                    return accu;
+                                }
+                                const params = [
+                                    remoteKeyframes[curr],
+                                    this._buildInData.keyframes[curr],
+                                    frontRequestId,
+                                ];
+                                const evtName = curr;
+                                this.keyframes.emit(evtName, ...params);
+                                this._buildInData.keyframes[curr] = remoteKeyframes[curr];
+                                accu[curr] = remoteKeyframes[curr];
+                                return accu;
+                            }, {});
+                            this.emit('keyframes', keyframes, frontRequestId);
                             break;
                         }
+                        /**
+                         * 内置消息
+                         */
+                        case Command.BuiltinMsg: {
+                            const builtinMsg = data;
+                            this.emit('builtinEvent', builtinMsg);
+                            if (builtinMsg.event_type === BuiltinEventType.UserChange) {
+                                this.emit('userChange', builtinMsg);
+                            }
+                            if (builtinMsg.event_type === BuiltinEventType.RoomChange) {
+                                this.emit('roomChange', builtinMsg);
+                            }
+                            /**
+                             * 下发指令自己操作麦克风
+                             */
+                            if (builtinMsg.event_type === BuiltinEventType.UserChange &&
+                                builtinMsg.action === BuiltinActionType.UserMicroStatus) {
+                                yield this.toggleMicro(builtinMsg.data.status === MicroStatus.OPEN);
+                            }
+                            /**
+                             * 如果下发指令退出房间，则 关闭麦克风 及 销毁 WebSocket
+                             */
+                            if (builtinMsg.event_type === BuiltinEventType.RoomChange &&
+                                builtinMsg.action === BuiltinActionType.RoomClose) {
+                                yield this.exit();
+                            }
+                            break;
+                        }
+                        /**
+                         * 被踢出房间
+                         */
+                        case Command.UserKickOut: {
+                            this.emit('kickOut');
+                            break;
+                        }
+                        /**
+                         * 其它未知广播
+                         */
                         default: {
-                            throw new Error('unknown built-in RTC type');
+                            console.warn('unknown command: ', command);
                         }
                     }
                 }
-                // 都不满足时取内置
-                if (options.useBuiltInRTC) {
-                    if (!options.getVoiceSign) {
-                        throw new Error('GetVoiceSign method must be passed when using built-in RTC instances');
-                    }
-                    const getVoiceSign = (_b = options.getVoiceSign) !== null && _b !== void 0 ? _b : unimplementedGetVoiceSign;
-                    if (!jsBridge) {
-                        throw new Error('jsBridge instance must be passed when using built-in RTC instances');
-                    }
-                    // vrwebview 默认
-                    if ((isRealseeVRWebview && (isAndroid || isIOS)) || isWxMiniProgram) {
-                        liveController.options.rtc = new VRWebViewRTC({
-                            jsBridge,
-                            getVoiceSign,
-                        });
-                    }
-                    else {
-                        // 其它终端使用
-                        liveController.options.rtc =
-                            options.builtInRTCType === BuiltInRTCType.RealseeXChimeRTC
-                                ? new BrowserRTC4Chime({ getVoiceSign })
-                                : new BrowserRTC({ getVoiceSign });
-                    }
+                else {
+                    this.emit('error', liveMsg);
                 }
             }
-            if (!liveController.options.rtc) {
-                console.warn('unused rtc');
-            }
-            // 默认自动连接
-            if (liveController.options.url && liveController.options.getTicket) {
-                this.connect();
-            }
-            // 健康检查：WHY --> 在某些WebView特殊场景下 WebSocket.readyState 发生变化时不会出发error\close等事件;
-            //         因此，开启一个定时任务监测 WebSocket.readyState 状态的更新
-            const healthCheck = ((healthCheck) => {
-                if (!healthCheck)
-                    return 0;
-                if (healthCheck === true)
-                    return 3000;
-                const duration = Number(healthCheck);
-                if (duration > 0)
-                    return duration;
-                return 3000;
-            })(liveController.options.healthCheck);
-            if (healthCheck) {
-                liveController.healthCheckId = setInterval(() => liveController.checkReadyState(this), healthCheck);
-            }
-        }
-        get options() {
-            return Object.freeze(Object.assign({}, liveController.options));
-        }
-        get readyState() {
-            liveController.checkReadyState(this);
-            return liveController.readyState;
-        }
-        get url() {
-            var _a;
-            return ((_a = liveController.webSocket) === null || _a === void 0 ? void 0 : _a.url) || '';
-        }
-        get selfInfo() {
-            return liveController.selfUserInfo;
-        }
-        get userList() {
-            return liveController.userList || [];
-        }
-        get snapshot() {
-            return liveController.keyframes || {};
-        }
-        get $RTC() {
-            return liveController.options.rtc;
-        }
-        get jsBridge() {
-            return liveController.options.jsBridge;
-        }
-        async setSelfInfo(userInfo) {
-            if (this.readyState !== WebSocketState.OPEN) {
-                return new Error('The connection is not open and ready to communicate.');
-            }
-            try {
-                return await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserInfo, userInfo);
-            }
-            catch (error) {
-                return error;
+        });
+        /**
+         * 清理带看缓存的数据
+         */
+        this._clearLiveData = () => {
+            this._buildInData = { keyframes: {} };
+        };
+        /**
+         * 连接带看
+         * @param options
+         * @returns
+         */
+        this.connect = (options = {}) => __awaiter(this, void 0, void 0, function* () {
+            var _h, _j, _k, _l;
+            // 检查 url 和 票据获取接口实现
+            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 =
+                (_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)) {
+                    return new Error('Illegal realsee live room link');
+                }
+                if (typeof this._options.getTicket !== 'function') {
+                    return new Error('getTicket muse be function');
+                }
+                return false;
             }
-        }
-        getFramesByKey(key) {
-            return liveController.keyframes[key];
-        }
-        sendKeyframe(key, frame) {
-            if (this.readyState !== WebSocketState.OPEN) {
-                return new Error('The connection is not open and ready to communicate.');
+            const { force = false } = options;
+            // 检查是否已有实例在使用
+            const currentState = this.state;
+            if (currentState === LiveState.CONNECTING ||
+                currentState === LiveState.OPEN) {
+                if (force) {
+                    try {
+                        yield this._controller.close('force close by connect');
+                    }
+                    catch (e) {
+                        console.warn(e);
+                    }
+                }
+                else {
+                    return new Error('已有Live实例正在连接中，请勿重复连接！');
+                }
             }
-            liveController.keyframes[key] = frame;
-            const liveMsg = createLiveMsg(Command.KeyframeSync, this.snapshot);
-            liveController.sendMessage(liveMsg);
+            // 建立连接
+            this._clearLiveData();
+            const url = appendUri(this._options.url, {
+                ticket: yield this._options.getTicket(),
+                force: Number(!!force),
+            });
+            this._controller.open(url);
             return true;
-        }
-        broadcast(data, toUserIds, timeout) {
-            if (this.readyState !== WebSocketState.OPEN) {
-                return new Error('The connection is not open and ready to communicate.');
+        });
+        /**
+         * 退出带看
+         * @returns
+         */
+        this.exit = () => __awaiter(this, void 0, void 0, function* () {
+            var _m;
+            this._clearLiveData();
+            try {
+                /** 退出强制关闭语音 */
+                (_m = this.$RTC) === null || _m === void 0 ? void 0 : _m.quit();
+                yield this.updateStatus(BuiltinEventType.RoomChange, BuiltinActionType.RoomClose, {});
             }
-            return new Promise((resolve, reject) => {
-                const customEvent = createLiveMsg(Command.CustomEvent, data, toUserIds);
-                const front_request_id = customEvent.front_request_id;
-                liveController.sendMessage(customEvent);
-                const timeoutId = timeout
-                    ? setTimeout(() => {
-                        reject(new Error('RESPONSE TIMEOUT'));
-                        this.off('broadcast', broadcast);
-                    }, timeout)
-                    : undefined;
-                const broadcast = (data, frontRequestId) => {
-                    if (frontRequestId !== front_request_id)
-                        return;
-                    this.off('broadcast', broadcast);
-                    resolve(data);
-                    if (timeoutId)
-                        clearInterval(timeoutId);
-                };
-                this.on('broadcast', broadcast);
-            });
-        }
-        async updateStatus(evtType, atnType, status, toUserIds) {
-            // TODO 统一规则，不能联合类型
-            if (this.readyState !== WebSocketState.OPEN) {
-                return false;
+            catch (e) {
+                logger$1.warn(e);
             }
-            const data = Object.assign({ event_type: evtType, action: atnType }, { data: status });
-            const liveMsg = createLiveMsg(Command.BuiltinMsg, data, toUserIds);
-            liveController.sendMessage(liveMsg);
-            return true;
-        }
+            return yield this._controller.close('user exit');
+        });
+        /**
+         * 销毁带看
+         * @returns
+         */
+        this.dispose = () => __awaiter(this, void 0, void 0, function* () {
+            this._removeLiveControllerEventListeners();
+            this._clearLiveData();
+            return yield this._controller.dispose();
+        });
+        /**
+         * 设置自己的用户信息
+         * @param userInfo
+         * @returns
+         */
+        this.setSelfInfo = (userInfo) => __awaiter(this, void 0, void 0, function* () {
+            return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserInfo, userInfo);
+        });
         // 仅用于用户自己的麦克风控制
-        async toggleMicro(microStatus) {
-            var _a, _b;
-            if (!((_b = (_a = this.selfInfo) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.control_own_micro))
+        this.toggleMicro = (microStatus) => __awaiter(this, void 0, void 0, function* () {
+            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;
-            await this.$RTC.toggleMicro(microStatus);
-            return await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
-                status: microStatus ? MicroStatus.OPEN : MicroStatus.CLOSE,
-            }, []);
-        }
-        async forbidMicro(microStatus, toUserIds) {
-            var _a, _b;
-            if (liveController.options.canForbidUserMicro &&
-                !liveController.options.canForbidUserMicro(toUserIds)) {
+            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,
+                }, []);
+            }
+            return result;
+        });
+        /**
+         * 控制别人的麦
+         * @param microStatus
+         * @param toUserIds
+         * @returns
+         */
+        this.forbidMicro = (microStatus, toUserIds) => __awaiter(this, void 0, void 0, function* () {
+            var _r, _s;
+            if (typeof this._options.canForbidUserMicro === 'function' &&
+                !this._options.canForbidUserMicro(toUserIds)) {
                 return false;
             }
-            if (!((_b = (_a = this.selfInfo) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.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 await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
+            return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
                 status: microStatus,
             }, toUserIds);
-        }
+        });
         /**
-         * @deprecated 暂不可用
+         * 控制别人的同步全量帧数据权限
+         * @param sync
+         * @param toUserIds
+         * @returns
          */
-        async forbidSync(sync, toUserIds) {
-            var _a, _b;
-            if (liveController.options.canForbidUserSync &&
-                !liveController.options.canForbidUserSync(toUserIds)) {
+        this.forbidSync = (sync, toUserIds) => __awaiter(this, void 0, void 0, function* () {
+            var _t, _u;
+            if (typeof this._options.canForbidUserSync === 'function' &&
+                !this._options.canForbidUserSync(toUserIds)) {
                 return false;
             }
-            if (!((_b = (_a = this.selfInfo) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.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 await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserPermission, { sync_frame: sync }, toUserIds);
-        }
-        async kick(toUserIds) {
-            var _a, _b;
-            if (liveController.options.canForbidUserKick &&
-                !liveController.options.canForbidUserKick(toUserIds)) {
+            return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserPermission, { sync_frame: sync }, toUserIds);
+        });
+        /**
+         * 把用户踢出带看
+         * @param toUserIds
+         * @returns
+         */
+        this.kick = (toUserIds) => __awaiter(this, void 0, void 0, function* () {
+            var _v, _w;
+            if (typeof this._options.canForbidUserKick === 'function' &&
+                !this._options.canForbidUserKick(toUserIds)) {
                 return false;
             }
-            if (!((_b = (_a = this.selfInfo) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.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 await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserStatus, {
+            return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserStatus, {
                 status: 'KICK_OUT',
             }, toUserIds);
-        }
-        async exit() {
-            /** 退出强制关闭语音(?) */
-            try {
-                this.$RTC.quit();
-                await this.updateStatus(BuiltinEventType.RoomChange, BuiltinActionType.RoomClose, {});
-            }
-            catch (e) {
-                console.log(e);
-            }
-            return liveController.dispose();
-        }
-        async connect(options = {}) {
-            // 连接 WebSocket 前验证麦克风权限
-            const microAuth = await this.$RTC.detectMicro();
-            if (!microAuth) {
-                const error = new Error('系统监测麦克风未授权~');
-                this.emit('ws.error', { type: WebSocketErrorType.MicroAuth, error });
-                return error;
-            }
-            // WebSocket 正在连接中，规避重复连接
-            if (liveController.connecting) {
-                const error = new Error('WebSocket 正在连接中，请勿重复连接 ...');
-                this.emit('ws.error', {
-                    type: WebSocketErrorType.DuplicateConnect,
-                    error,
-                });
-                return error;
-            }
-            // 非强制连接场景下，如果已经完成 WebSocket 连接则不执行后续逻辑
-            const { force } = options;
-            if (!force) {
-                if (this.readyState === WebSocketState.CONNECTING ||
-                    this.readyState === WebSocketState.OPEN) {
-                    return true;
+        });
+        this._addLiveControllerEventListeners();
+        this._options = Object.assign({ initialMicroStatus: MicroStatus.OPEN }, opts);
+        // 第一步检查jsbridge
+        this._options.jsBridge = (() => {
+            if (opts.jsBridge)
+                return opts.jsBridge;
+            if (opts.useBuiltInJsBridge)
+                return new JSBridge();
+            return undefined;
+        })();
+        // 第二步检查getVoiceSign
+        this._options.getVoiceSign = (_a = opts.getVoiceSign) !== null && _a !== void 0 ? _a : unimplementedGetVoiceSign;
+        // 第二步检查rtc
+        this._options.rtc = (() => {
+            // 优先取rtc实例
+            if (opts.rtc)
+                return opts.rtc;
+            // 取指定的内部rtc类型
+            if (opts.rtcType) {
+                if (!opts.getVoiceSign) {
+                    logger$1.error('GetVoiceSign method must be passed when using built-in RTC instances');
+                }
+                switch (opts.rtcType) {
+                    case RTCType.RealseeVRWebViewRTC: {
+                        // 内置的 VRWebViewRTC
+                        if (this._options.jsBridge) {
+                            return new VRWebViewRTC({
+                                jsBridge: this._options.jsBridge,
+                                getVoiceSign: this._options.getVoiceSign,
+                            });
+                        }
+                        else {
+                            logger$1.error('JsBridge instance must be passed when using built-in VRWebViewRTC instances');
+                            return undefined;
+                        }
+                    }
+                    case RTCType.RealseeBrowserChimeRTC: {
+                        // 内置的 RealseeBrowserChimeRTC
+                        return new BrowserRTC4Chime({
+                            getVoiceSign: this._options.getVoiceSign,
+                            logLevel: opts.__debug__ ? LogLevel.DEBUG : LogLevel.ERROR,
+                        });
+                    }
+                    case RTCType.RealseeBrowserRTC: {
+                        // 内置的 RealseeBrowserRTC
+                        return new BrowserRTC({
+                            getVoiceSign: this._options.getVoiceSign,
+                        });
+                    }
+                    default: {
+                        logger$1.error('unknown built-in RTC type');
+                        return undefined;
+                    }
                 }
             }
-            // WebSocket URL 逻辑
-            if (options.url) {
-                liveController.options.url = options.url;
-            }
-            if (options.getTicket) {
-                liveController.options.getTicket = options.getTicket;
-            }
-            if (!liveController.options.url ||
-                !liveController.options.url.startsWith('ws')) {
-                const error = new Error(`WebSocket URL 未配置或格式不合法："${liveController.options.url}"`);
-                this.emit('ws.error', { type: WebSocketErrorType.IllegalURL, error });
-                return error;
-            }
-            if (!liveController.options.getTicket) {
-                const error = new Error(`getTicket() 未配置!`);
-                this.emit('ws.error', { type: WebSocketErrorType.IllegalArgs, error });
-                return error;
-            }
-            // 连接锁
-            liveController.connecting = true;
-            // 连接前销毁之前绑定的事件
-            liveController.disposeWebSocket();
-            this.emit('ws.beforeConnect');
-            const url = force || options.url || !this.url
-                ? appendUri(liveController.options.url, {
-                    ticket: await liveController.options.getTicket(),
-                    force: Number(!!force),
-                })
-                : this.url;
-            liveController.webSocket = new WebSocket(url);
-            liveController.onEvtOpnListener = () => {
-                liveController.checkReadyState(this);
-                this.emit('ws.afterConnect');
-            };
-            liveController.onEvtMsgListener = (evt) => {
-                liveController.checkReadyState(this);
-                try {
-                    const liveMsg = parseLiveMsg(evt.data);
-                    if (liveMsg === false)
-                        return;
-                    liveController.handleMessage(liveMsg, this);
+            // 都不满足时取内置
+            if (opts.useBuiltInRTC) {
+                if (!opts.getVoiceSign) {
+                    logger$1.error('GetVoiceSign method must be passed when using built-in RTC instances');
                 }
-                catch (error) {
-                    // 未知错误
-                    this.emit('ws.error', {
-                        type: WebSocketErrorType.Unknown,
-                        error,
-                        target: evt,
-                    });
+                if (this._options.jsBridge) {
+                    if ((isRealseeVRWebview && (isAndroid || isIOS)) || isWxMiniProgram) {
+                        return new VRWebViewRTC({
+                            jsBridge: this._options.jsBridge,
+                            getVoiceSign: this._options.getVoiceSign,
+                        });
+                    }
+                    else {
+                        // 其它终端使用
+                        return opts.builtInRTCType === BuiltInRTCType.RealseeXChimeRTC
+                            ? new BrowserRTC4Chime({
+                                getVoiceSign: this._options.getVoiceSign,
+                            })
+                            : new BrowserRTC({ getVoiceSign: this._options.getVoiceSign });
+                    }
                 }
-            };
-            liveController.onEvtErrListener = (evt) => {
-                live.emit('ws.error', { type: WebSocketErrorType.Error, target: evt });
-                liveController.checkReadyState(this);
-            };
-            liveController.onEvtCLEListener = (evt) => {
-                liveController.checkReadyState(this);
-                const code = Number(evt.code);
-                if (code === 1000)
-                    return;
-                // 异常退出不一定会触发'error'事件，根据 evt.code 一些类型的退出也算是 error 行为
-                const errMsg = parseWSClsErr(code);
-                live.emit('ws.error', {
-                    target: evt,
-                    type: WebSocketErrorType.Close,
-                    closeError: errMsg,
-                });
-            };
-            liveController.webSocket.addEventListener('open', liveController.onEvtOpnListener);
-            liveController.webSocket.addEventListener('message', liveController.onEvtMsgListener);
-            liveController.webSocket.addEventListener('error', liveController.onEvtErrListener);
-            liveController.webSocket.addEventListener('close', liveController.onEvtCLEListener);
-            return await new Promise((resolve, reject) => {
-                const success = () => {
-                    resolve(true);
-                    liveController.connecting = false;
-                    this.off('ws.error', fail);
-                };
-                const fail = (error) => {
-                    reject(error.error
-                        ? error.error
-                        : new Error('WebSocket connection failed!'));
-                    liveController.connecting = false;
-                    this.off('ws.afterConnect', success);
-                };
-                this.once('ws.afterConnect', success);
-                this.once('ws.error', fail);
-            });
+                else {
+                    logger$1.error('jsBridge instance must be passed when using built-in RTC instances');
+                    return undefined;
+                }
+            }
+            return undefined;
+        })();
+        if (!this._options.rtc) {
+            logger$1.warn('unused rtc');
         }
-        async revoke() {
-            return true;
+        // 第三步进行自动连接
+        if (this._options.url && this._options.getTicket) {
+            this.connect();
         }
+        if (this._options.__debug__) {
+            Object.assign(window, { $liveController: this._controller, $live: this });
+        }
+    }
+    get options() {
+        return Object.freeze(this._options || {});
+    }
+    /**
+     * 带看状态
+     */
+    get state() {
+        return this._controller.state;
+    }
+    /**
+     * 兼容老逻辑
+     * @deprecated 请直接读取 state 属性字段，未来将移除该属性
+     */
+    get readyState() {
+        return this._controller.state;
+    }
+    /**
+     * 获取当前WebSocket连接的URL。(注意：这个是WebSocket连接的完整连接，附带一些query参数)。
+     * @deprecated 带看不需要关注底层ws的相关信息，未来将移除
+     */
+    get url() {
+        return this.options.url;
+    }
+    /**
+     * 获取当前live使用的RTC实例
+     */
+    get $RTC() {
+        return this._options.rtc;
+    }
+    /**
+     * 获取当前live使用的jsBridge实例
+     */
+    get jsBridge() {
+        return this._options.jsBridge;
+    }
+    /**
+     * 当前帧数据快照
+     */
+    get snapshot() {
+        return this._buildInData.keyframes;
+    }
+    /**
+     * 当前用户信息
+     */
+    get selfInfo() {
+        return this._buildInData.selfInfo;
+    }
+    /**
+     * 当前用户列表
+     */
+    get userList() {
+        return this._buildInData.userList || [];
+    }
+    /**
+     * 当前带看房间信息
+     */
+    get roomInfo() {
+        return this._buildInData.roomInfo;
+    }
+    /**
+     * 修改状态
+     * @param evtType
+     * @param atnType
+     * @param status
+     * @param toUserIds
+     * @returns
+     */
+    updateStatus(evtType, atnType, status, toUserIds) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.state !== LiveState.OPEN)
+                return false;
+            const data = Object.assign({ event_type: evtType, action: atnType }, { data: status });
+            const liveMsg = createLiveMsg(Command.BuiltinMsg, data, toUserIds);
+            try {
+                this._controller.sendMessage(liveMsg);
+                return true;
+            }
+            catch (e) {
+                logger$1.error(e);
+                return false;
+            }
+        });
     }
-    const live = new LiveTpl();
-    // 如果是调试环境则将内部状态暴露出来
-    if (options.__debug__) {
-        Object.assign(live, { __controller__: liveController });
-        Object.assign(window, { $live: live });
+    /**
+     * 自定义广播
+     * @param request 广播请求的数据
+     * @param toUserIds
+     * @param timeout
+     * @returns
+     */
+    broadcast(request, toUserIds, timeout) {
+        if (this.state !== LiveState.OPEN)
+            return false;
+        return new Promise((resolve, reject) => {
+            const customEvent = createLiveMsg(Command.CustomEvent, request, toUserIds);
+            const front_request_id = customEvent.front_request_id;
+            const timeoutId = timeout
+                ? setTimeout(() => {
+                    reject(new Error('RESPONSE TIMEOUT'));
+                    this.off('broadcast', broadcastRes);
+                }, timeout)
+                : undefined;
+            const broadcastRes = (data, frontRequestId) => {
+                if (frontRequestId !== front_request_id)
+                    return;
+                if (timeoutId)
+                    clearTimeout(timeoutId);
+                this.off('broadcast', broadcastRes);
+                resolve(data);
+            };
+            this.on('broadcast', broadcastRes);
+            try {
+                this._controller.sendMessage(customEvent);
+            }
+            catch (e) {
+                reject(e);
+            }
+        });
     }
-    return live;
 }
 
+/**
+ * 创建`Live`实例
+ * @param opts
+ * @returns
+ */
+const createLive = (opts) => {
+    _clearLiveInstanceIfNeed();
+    return new Live(opts);
+};
+
 /**
  * 创建 {@link LiveReact} 实例，并提供 `React` 技术栈相关工具链。
  */
 function createLiveReact(options) {
-    const LiveContext = React.createContext(null);
+    const LiveContext = createContext(null);
     const live = createLive(options);
     const jsBridge = live.jsBridge;
-    function LiveProvider(props) {
-        return (React.createElement(LiveContext.Provider, { value: props.live || live }, props.children));
-    }
-    function useLiveInstance() {
+    const LiveProvider = (props) => (React.createElement(LiveContext.Provider, { value: live }, props.children));
+    /**
+     * 使用live实例
+     * @returns
+     */
+    const useLiveInstance = () => {
         const context = React.useContext(LiveContext);
         if (!context)
             throw new Error('LiveProvider never found.');
         return context;
-    }
+    };
     /**
+     * 不建议这样使用
      * @deprecated
      * @returns
      */
-    function unsafe__useLiveInstance() {
-        return useLiveInstance();
-    }
-    function useRTCInstance() {
-        const live = useLiveInstance();
-        return live.$RTC;
-    }
+    const unsafe__useLiveInstance = useCallback(() => useLiveInstance(), [useLiveInstance]);
+    /**
+     * 使用rtc实例
+     */
+    const useRTCInstance = useCallback(() => useLiveInstance().$RTC, [useLiveInstance]);
     /**
+     * 不建议这样使用
      * @deprecated
      * @returns
      */
-    function unsafe__useRTCInstance() {
-        return useRTCInstance();
-    }
-    function useConnect() {
-        const live = useLiveInstance();
-        return async (options) => await live.connect(options);
-    }
-    function useCurrentWebSocketUrl() {
-        const live = useLiveInstance();
-        const [state, setState] = React.useState(undefined);
-        React.useEffect(() => {
-            const onWSBeforeConnect = () => setState(live.url);
-            live.on('ws.beforeConnect', onWSBeforeConnect);
-            return () => live.off('ws.beforeConnect', onWSBeforeConnect);
-        }, [live]);
-        return state;
-    }
-    function useKeyframeUpdateCallback(name, callback, deps = []) {
+    const unsafe__useRTCInstance = useCallback(() => useRTCInstance(), [useRTCInstance]);
+    /**
+     * 带看连接操作
+     */
+    const useConnect = useCallback((options) => __awaiter(this, void 0, void 0, function* () { return yield useLiveInstance().connect(options); }), []);
+    /**
+     *
+     * @param name
+     * @param callback
+     * @param deps
+     * @returns
+     */
+    function useKeyframeUpdateCallback(key, callback, deps = []) {
         const live = useLiveInstance();
         const dependencyList = [live, name, ...deps];
-        const dispose = () => live.keyframes.off(name, callback);
+        const dispose = () => live.keyframes.off(key, callback);
         React.useEffect(() => {
-            live.keyframes.on(name, callback);
+            live.keyframes.on(key, callback);
             return dispose;
         }, dependencyList);
         return dispose;
     }
+    /**
+     * 带看的一些操作
+     * @returns
+     */
     function useLiveAction() {
         const live = useLiveInstance();
+        const connect = React.useCallback((options) => __awaiter(this, void 0, void 0, function* () { return yield live.connect(options); }), [live]);
         const toggleMicro = React.useCallback((microStatus) => live.toggleMicro(microStatus), [live]);
-        const broadcast = React.useCallback((data, toUserIds, timeout = 0) => live.broadcast(data, toUserIds, timeout), [live]);
-        const exit = React.useCallback(() => live.exit(), [live]);
-        const kick = React.useCallback((toUserIds) => live.kick(toUserIds), [live]);
-        const forbidMicro = React.useCallback((micro, toUserIds) => live.forbidMicro(micro, toUserIds), [live]);
-        // const forbidSync = React.useCallback(
-        //   (sync: boolean, toUserIds?: string | string[] | undefined) =>
-        //     live.forbidSync(sync, toUserIds),
-        //   [live],
-        // );
+        const broadcast = React.useCallback((data, toUserIds, timeout = 0) => __awaiter(this, void 0, void 0, function* () { return yield live.broadcast(data, toUserIds, timeout); }), [live]);
+        const exit = React.useCallback(() => __awaiter(this, void 0, void 0, function* () { return yield live.exit(); }), [live]);
+        const kick = React.useCallback((toUserIds) => __awaiter(this, void 0, void 0, function* () { return yield live.kick(toUserIds); }), [live]);
+        const forbidMicro = React.useCallback((micro, toUserIds = []) => __awaiter(this, void 0, void 0, function* () { return yield live.forbidMicro(micro, toUserIds); }), [live]);
+        const forbidSync = React.useCallback((sync, toUserIds = []) => live.forbidSync(sync, toUserIds), [live]);
         const getFramesByKey = React.useCallback((key) => live.getFramesByKey(key), [live]);
         const sendKeyframe = React.useCallback((key, frame) => live.sendKeyframe(key, frame), [live]);
         const setSelfInfo = React.useCallback((userInfo) => live.setSelfInfo(userInfo), [live]);
         const updateStatus = React.useCallback((evtType, atnType, status, toUserIds) => live.updateStatus(evtType, atnType, status, toUserIds), [live]);
         return {
+            connect,
             broadcast,
             exit,
             kick,
             toggleMicro,
             forbidMicro,
-            // forbidSync,
+            forbidSync,
             sendKeyframe,
             getFramesByKey,
             setSelfInfo,
@@ -1741,16 +2242,16 @@ function createLiveReact(options) {
         return dispose;
     }
     /**
-     * @deprecated
+     * 带看状态
      * @returns
      */
-    function useReadyState() {
+    function useLiveState() {
         const live = useLiveInstance();
-        const [state, updateState] = React.useState(live.readyState);
+        const [state, updateState] = React.useState(live.state);
         React.useEffect(() => {
-            const readyStateUpdate = (readyState) => updateState(readyState);
-            live.on('ws.readyStateUpdate', readyStateUpdate);
-            return () => live.off('ws.readyStateUpdate', readyStateUpdate);
+            const stateChange = (state) => updateState(state);
+            live.on('stateChange', stateChange);
+            return () => live.off('stateChange', stateChange);
         }, [live]);
         return state;
     }
@@ -1787,12 +2288,12 @@ function createLiveReact(options) {
             live.on('selfInfoUpdate', selfInfoUpdate);
             return () => live.off('selfInfoUpdate', selfInfoUpdate);
         }, [live]);
-        const setState = React.useCallback(async (userInfo) => {
-            return await live.setSelfInfo(userInfo);
-        }, [live]);
+        const setState = React.useCallback((userInfo) => __awaiter(this, void 0, void 0, function* () {
+            return yield live.setSelfInfo(userInfo);
+        }), [live]);
         return [state, setState];
     }
-    function useSnapshot() {
+    function useKeyframesSnapshot() {
         const live = useLiveInstance();
         const [state, setState] = React.useState(live.snapshot);
         React.useEffect(() => {
@@ -1812,43 +2313,23 @@ function createLiveReact(options) {
         }, [live]);
         return state;
     }
-    /**
-     *
-     * @param name
-     * @param callback
-     * @param deps
-     * @returns
-     * @deprecated
-     */
-    function useWebSocketEventCallback(name, callback, deps = []) {
-        const live = useLiveInstance();
-        const dispose = () => live.off(name, callback);
-        const dependencyList = [live, name, ...deps];
-        React.useEffect(() => {
-            live.on(name, callback);
-            return dispose;
-        }, dependencyList);
-        return dispose;
-    }
     return {
         live,
         jsBridge,
         LiveProvider,
         unsafe__useLiveInstance,
         unsafe__useRTCInstance,
-        useCurrentWebSocketUrl,
         useConnect,
         useKeyframe,
         useKeyframeUpdateCallback,
         useLiveAction,
         useLiveEventCallback,
-        useReadyState,
+        useLiveState,
         useRTCAction,
         useRTCEventCallback,
         useSelfInfo,
-        useSnapshot,
+        useKeyframesSnapshot,
         useUserList,
-        useWebSocketEventCallback,
     };
 }