@realsee/live 0.4.0-beta.7 → 0.5.0-alpha.2

package/dist/realsee-live.esm.js

@@ -1,99 +1,9 @@
 import JSBridge from '@realsee/jsbridge-x';
-import { DefaultModality, ConsoleLogger, LogLevel, DefaultDeviceController, MeetingSessionStatusCode, MeetingSessionConfiguration, DefaultMeetingSession } 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';
 
-/******************************************************************************
-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.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-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());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-var EVENT_SYMBOL = Symbol('$$REALSEE_LIVE_EVENT$$');
+const EVENT_SYMBOL = Symbol('$$REALSEE_LIVE_EVENT$$');
 function __generateEventIfNotExisted(instance) {
     if (!instance[EVENT_SYMBOL]) {
         instance[EVENT_SYMBOL] = {};
@@ -116,17 +26,15 @@ function __removeEventIfNotExisted(instance) {
  * }>()
  * ```
  */
-var Subscribe = /** @class */ (function () {
-    function Subscribe() {
-    }
+class Subscribe {
     /**
      * 判断是否注册了事件
      * @param name  事件类型
      */
-    Subscribe.prototype.hasListener = function (name) {
-        var events = __generateEventIfNotExisted(this);
+    hasListener(name) {
+        const events = __generateEventIfNotExisted(this);
         return events && events[name] && events[name].length > 0;
-    };
+    }
     /**
      * 注册事件
      * @param  name    事件类型
@@ -136,14 +44,13 @@ var Subscribe = /** @class */ (function () {
      * @template K 预设的监听事件名称
      * @template C 回调函数函数上下文
      */
-    Subscribe.prototype.on = function (name, callback, once) {
-        var _this = this;
-        var events = __generateEventIfNotExisted(this);
+    on(name, callback, once) {
+        const events = __generateEventIfNotExisted(this);
         if (!events[name])
             events[name] = [];
         events[name].push([callback, once || false]);
-        return function () { return _this.off(name, callback); };
-    };
+        return () => this.off(name, callback);
+    }
     /**
      * 注册事件(是否只执行一次)
      * @param  name     事件类型
@@ -152,9 +59,9 @@ var Subscribe = /** @class */ (function () {
      * @template K 预设的监听事件名称
      * @template C 回调函数函数上下文
      */
-    Subscribe.prototype.once = function (name, callback) {
+    once(name, callback) {
         return this.on(name, callback, true);
-    };
+    }
     /**
      * 解除事件
      *
@@ -164,19 +71,19 @@ var Subscribe = /** @class */ (function () {
      * @param  callback 事件回调函数
      * @template K 预设的监听事件名称
      */
-    Subscribe.prototype.off = function (name, callback) {
+    off(name, callback) {
         if (name === undefined) {
             __removeEventIfNotExisted(this);
             return;
         }
-        var events = __generateEventIfNotExisted(this);
+        const events = __generateEventIfNotExisted(this);
         if (!events[name])
             events[name] = [];
         if (callback === undefined) {
             events[name].length = 0;
             return;
         }
-        var index = 0;
+        let index = 0;
         for (; index < events[name].length; index++) {
             if (events[name][index][0] === callback)
                 break;
@@ -184,7 +91,7 @@ var Subscribe = /** @class */ (function () {
         if (index < events[name].length) {
             events[name].splice(index, 1);
         }
-    };
+    }
     /**
      * 触发事件
      * @param  name  事件类型
@@ -192,38 +99,52 @@ var Subscribe = /** @class */ (function () {
      * @returns canceled 是否被触发取消
      * @template K 预设的监听事件名称
      */
-    Subscribe.prototype.emit = function (name) {
-        var data = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            data[_i - 1] = arguments[_i];
-        }
-        var canceled = false;
-        var events = __generateEventIfNotExisted(this);
-        var event = events[name] || [];
-        for (var _a = 0, _b = event.slice(); _a < _b.length; _a++) {
-            var one = _b[_a];
-            var callback = one[0], _c = one[1], once = _c === void 0 ? false : _c;
-            var result = callback.apply(void 0, data);
+    emit(name, ...data) {
+        let canceled = false;
+        const events = __generateEventIfNotExisted(this);
+        const event = events[name] || [];
+        for (let one of event.slice()) {
+            const [callback, once = false] = one;
+            const result = callback(...data);
             if (once)
                 this.off(name, callback);
             if (result === false)
                 canceled = true;
         }
         return canceled;
-    };
-    return Subscribe;
-}());
+    }
+}
 
 /**
  * rtc 基础抽象类
  */
-var CoreRTC = /** @class */ (function (_super) {
-    __extends(CoreRTC, _super);
-    function CoreRTC() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return CoreRTC;
-}(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 类型
@@ -263,231 +184,199 @@ function uuid() {
         S4()).toLowerCase();
 }
 
-var BrowserRTC = /** @class */ (function (_super) {
-    __extends(BrowserRTC, _super);
-    function BrowserRTC(options) {
-        var _this = _super.call(this) || this;
-        _this.type = RTCType.RealseeBrowserRTC;
-        _this.joined = false;
-        _this.micro = false;
-        _this.voiceId = '';
-        _this._getVoiceSign = function () {
+class BrowserRTC extends CoreRTC {
+    constructor(options) {
+        super();
+        this.type = RTCType.RealseeBrowserRTC;
+        this.joined = false;
+        this.micro = false;
+        this.voiceId = '';
+        this._getVoiceSign = () => {
             throw new Error('方法 getVoiceSign 未实现');
         };
-        _this.$dom = document.createElement('div');
-        _this._trtc = {
+        this.$dom = document.createElement('div');
+        this._trtc = {
             client: null,
             stream: null,
         };
-        _this.join = function (options) { return __awaiter(_this, void 0, void 0, function () {
-            var createClientOptions, result;
-            var _this = this;
+        this.join = (options) => __awaiter(this, void 0, void 0, function* () {
             var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        this.emit('joinWillStart');
-                        return [4 /*yield*/, this._getVoiceSign({
-                                voiceId: options.voiceId,
-                                roomId: options.roomId,
-                                userId: options.userId,
-                            })];
-                    case 1:
-                        createClientOptions = _b.sent();
-                        // 1.  创建client
-                        this._trtc.client = TRTC.createClient(__assign({ mode: 'rtc' }, createClientOptions));
-                        (_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.enableAudioVolumeEvaluation();
-                        // 2. 订阅事件
-                        this._registerRtcEvent();
-                        return [4 /*yield*/, new Promise(function (resolve) {
-                                var _a;
-                                (_a = _this._trtc.client) === null || _a === void 0 ? void 0 : _a.join({ roomId: Number(options.voiceId) }).then(function () { return resolve(true); }).catch(function () { return resolve(false); });
-                            })];
-                    case 2:
-                        result = _b.sent();
-                        this.joined = result;
-                        if (!result)
-                            return [2 /*return*/, false]; // 进房失败
-                        // 4. 创建本地流
-                        this._trtc.stream = TRTC.createStream({
-                            userId: createClientOptions.userId,
-                            audio: true,
-                            video: false,
-                        });
-                        return [4 /*yield*/, new Promise(function (resolve) {
-                                var _a;
-                                (_a = _this._trtc.stream) === null || _a === void 0 ? void 0 : _a.initialize().then(function () { return resolve(true); }).catch(function () { return resolve(false); });
-                            })];
-                    case 3:
-                        // 5. 初始化本地流
-                        result = _b.sent();
-                        return [4 /*yield*/, new Promise(function (resolve) {
-                                var _a;
-                                (_a = _this._trtc.client) === null || _a === void 0 ? void 0 : _a.publish(_this._trtc.stream).then(function () { return resolve(true); }).catch(function () { return resolve(false); });
-                            })];
-                    case 4:
-                        // 6. 发布本地流
-                        result = _b.sent();
-                        this.joined = result;
-                        if (this.joined)
-                            this.emit('joined');
-                        return [2 /*return*/, result];
-                }
+            this.emit('joinWillStart');
+            const createClientOptions = yield this._getVoiceSign({
+                voiceId: options.voiceId,
+                roomId: options.roomId,
+                userId: options.userId,
+            });
+            // 1.  创建client
+            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 = 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));
+            });
+            this.joined = result;
+            if (!result)
+                return false; // 进房失败
+            // 4. 创建本地流
+            this._trtc.stream = TRTC.createStream({
+                userId: createClientOptions.userId,
+                audio: true,
+                video: false,
+            });
+            // 5. 初始化本地流
+            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 = 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));
             });
-        }); };
-        _this._handleStreamAdded = function (event) {
+            this.joined = result;
+            if (this.joined)
+                this.emit('joined');
+            return result;
+        });
+        this._handleStreamAdded = (event) => {
             var _a;
-            var remoteStream = event.stream;
+            const remoteStream = event.stream;
             console.log('远端流增加: ' + remoteStream.getId());
             //订阅远端流
-            (_a = _this._trtc.client) === null || _a === void 0 ? void 0 : _a.subscribe(remoteStream);
+            (_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.subscribe(remoteStream);
         };
-        _this._handleStreamSubscribed = function (event) {
-            var remoteStream = event.stream;
+        this._handleStreamSubscribed = (event) => {
+            const remoteStream = event.stream;
             console.log('远端流订阅成功：' + remoteStream.getId());
-            var playId = remoteStream.getId();
-            var domId = "rs-rtc-remote_stream-".concat(playId);
-            var dom = document.createElement('div');
+            const playId = remoteStream.getId();
+            const domId = `rs-rtc-remote_stream-${playId}`;
+            const dom = document.createElement('div');
             dom.id = domId;
-            _this.$dom.appendChild(dom);
+            this.$dom.appendChild(dom);
             // 播放远端流
             remoteStream.play(domId);
         };
-        _this._getVoiceSign = options.getVoiceSign;
-        _this._initParentDom();
-        return _this;
+        this._getVoiceSign = options.getVoiceSign;
+        this._initParentDom();
     }
-    BrowserRTC.prototype._initParentDom = function () {
-        this.$dom.id = "rs-rtc-".concat(uuid());
+    _initParentDom() {
+        this.$dom.id = `rs-rtc-${uuid()}`;
         this.$dom.style.display = 'none';
         document.body.appendChild(this.$dom);
-    };
-    BrowserRTC.prototype.quit = function () {
-        var _this = this;
-        return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-            var _this = this;
+    }
+    quit() {
+        return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        this.joined = false;
-                        if (!this._trtc.stream) return [3 /*break*/, 2];
-                        return [4 /*yield*/, ((_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.unpublish(this._trtc.stream))];
-                    case 1:
-                        _c.sent();
-                        this._trtc.stream.stop();
-                        this._trtc.stream.close();
-                        this._trtc.stream = null;
-                        _c.label = 2;
-                    case 2:
-                        (_b = this._trtc.client) === null || _b === void 0 ? void 0 : _b.leave().then(function () { return (_this._trtc.client = null); }).then(function () { return resolve(true); }).catch(function () { return resolve(false); });
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    };
-    BrowserRTC.prototype.detectMicro = function () {
-        return new Promise(function (resolve) {
-            var rule = { audio: true, video: false };
+            this.joined = false;
+            if (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) => {
+            const rule = { audio: true, video: false };
             try {
                 navigator.mediaDevices
                     .getUserMedia(rule)
-                    .then(function () { return resolve(true); })
-                    .catch(function () { return resolve(false); });
+                    .then(() => resolve(true))
+                    .catch(() => resolve(false));
             }
             catch (e) {
                 console.error(e);
                 resolve(false);
             }
         });
-    };
-    BrowserRTC.prototype.toggleMicro = function (flag) {
+    }
+    toggleMicro(flag) {
         var _a, _b, _c, _d;
         return Promise.resolve((flag
             ? (_b = (_a = this._trtc) === null || _a === void 0 ? void 0 : _a.stream) === null || _b === void 0 ? void 0 : _b.unmuteAudio()
             : (_d = (_c = this._trtc) === null || _c === void 0 ? void 0 : _c.stream) === null || _d === void 0 ? void 0 : _d.muteAudio()) || false);
-    };
-    BrowserRTC.prototype.shock = function () {
+    }
+    shock() {
         throw new Error('Method not implemented.');
-    };
-    BrowserRTC.prototype._registerRtcEvent = function () {
-        var _this = this;
+    }
+    _registerRtcEvent() {
         var _a, _b, _c, _d;
         (_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.on('stream-added', this._handleStreamAdded);
         (_b = this._trtc.client) === null || _b === void 0 ? void 0 : _b.on('stream-subscribed', this._handleStreamSubscribed);
-        (_c = this._trtc.client) === null || _c === void 0 ? void 0 : _c.on('audio-volume', function (event) {
-            return _this.emit('userVolumes', [
-                { userId: event.userId, audioVolume: event.audioVolume },
-            ]);
-        });
-        (_d = this._trtc.client) === null || _d === void 0 ? void 0 : _d.on('error', function (event) { return _this.emit('error', event); });
-    };
-    return BrowserRTC;
-}(CoreRTC));
+        (_c = this._trtc.client) === null || _c === void 0 ? void 0 : _c.on('audio-volume', (event) => this.emit('userVolumes', [
+            { userId: event.userId, audioVolume: event.audioVolume },
+        ]));
+        (_d = this._trtc.client) === null || _d === void 0 ? void 0 : _d.on('error', (event) => this.emit('error', event));
+    }
+}
 
 /**
  * amazon-chime-sdk-js 适配的rtc实现
  */
-var BrowserRTC4Chime = /** @class */ (function (_super) {
-    __extends(BrowserRTC4Chime, _super);
-    function BrowserRTC4Chime(options) {
-        var _this = _super.call(this) || this;
-        _this.type = RTCType.RealseeBrowserChimeRTC;
-        _this.joined = false;
-        _this.micro = false;
-        _this.voiceId = '';
-        _this.userId = '';
-        _this.deviceChangeObserver = {};
-        _this.audioVideoObserver = {};
-        _this._getVoiceSign = function () {
+class BrowserRTC4Chime extends CoreRTC {
+    constructor(options) {
+        super();
+        this.type = RTCType.RealseeBrowserChimeRTC;
+        this.joined = false;
+        this.micro = false;
+        this.voiceId = '';
+        this.userId = '';
+        this.deviceChangeObserver = {};
+        this.audioVideoObserver = {};
+        this._getVoiceSign = () => {
             throw new Error('方法 getVoiceSign 未实现');
         };
-        _this.$dom = document.createElement('div');
-        _this.$audio = document.createElement('audio');
+        this.$dom = document.createElement('div');
+        this.$audio = document.createElement('audio');
         /**
          * 对audio标签初始化
          */
-        _this._initDom = function () {
-            _this.$audio.id = "rs-rtc-".concat(uuid());
-            _this.$dom.id = "rs-rtc-".concat(uuid());
-            _this.$dom.appendChild(_this.$audio);
-            document.body.appendChild(_this.$dom);
+        this._initDom = () => {
+            this.$audio.id = `rs-rtc-${uuid()}`;
+            this.$dom.id = `rs-rtc-${uuid()}`;
+            this.$dom.appendChild(this.$audio);
+            document.body.appendChild(this.$dom);
         };
         /**
          * 初始化事件监听器
          */
-        _this.initObservers = function () {
+        this.initObservers = () => {
             // 输入输出设备变化的监听器
-            _this.deviceChangeObserver = {
-                audioInputsChanged: function (freshAudioInputDeviceList) {
+            this.deviceChangeObserver = {
+                audioInputsChanged: (freshAudioInputDeviceList) => {
                     // An array of MediaDeviceInfo objects
-                    freshAudioInputDeviceList === null || freshAudioInputDeviceList === void 0 ? void 0 : freshAudioInputDeviceList.forEach(function (mediaDeviceInfo) {
-                        _this.logger.info("Device ID: ".concat(mediaDeviceInfo.deviceId, " Microphone: ").concat(mediaDeviceInfo.label));
+                    freshAudioInputDeviceList === null || freshAudioInputDeviceList === void 0 ? void 0 : freshAudioInputDeviceList.forEach((mediaDeviceInfo) => {
+                        this.logger.info(`Device ID: ${mediaDeviceInfo.deviceId} Microphone: ${mediaDeviceInfo.label}`);
                     });
                 },
-                audioOutputsChanged: function (freshAudioOutputDeviceList) {
-                    _this.logger.info("Audio outputs updated: ".concat(freshAudioOutputDeviceList));
+                audioOutputsChanged: (freshAudioOutputDeviceList) => {
+                    this.logger.info(`Audio outputs updated: ${freshAudioOutputDeviceList}`);
                 },
-                videoInputsChanged: function (freshVideoInputDeviceList) {
-                    _this.logger.info("Video inputs updated: ".concat(freshVideoInputDeviceList));
+                videoInputsChanged: (freshVideoInputDeviceList) => {
+                    this.logger.info(`Video inputs updated: ${freshVideoInputDeviceList}`);
                 },
-                audioInputMuteStateChanged: function (device, muted) {
-                    _this.logger.info("Device ".concat(device.toString(), "  ").concat(muted ? 'is muted in hardware' : 'is not muted'));
+                audioInputMuteStateChanged: (device, muted) => {
+                    this.logger.info(`Device ${device.toString()}  ${muted ? 'is muted in hardware' : 'is not muted'}`);
                 },
             };
             // 流变化监听器
-            _this.audioVideoObserver = {
-                audioVideoDidStart: function () {
-                    _this.logger.info('Started');
+            this.audioVideoObserver = {
+                audioVideoDidStart: () => {
+                    this.logger.info('Started');
                 },
-                audioVideoDidStop: function (sessionStatus) {
+                audioVideoDidStop: (sessionStatus) => {
                     // See the "Stopping a session" section for details.
-                    _this.logger.info("Stopped with a session status code: ".concat(sessionStatus.statusCode()));
+                    this.logger.info(`Stopped with a session status code: ${sessionStatus.statusCode()}`);
                 },
-                audioVideoDidStartConnecting: function (reconnecting) {
+                audioVideoDidStartConnecting: (reconnecting) => {
                     if (reconnecting) {
                         // e.g. the WiFi connection is dropped.
-                        _this.logger.info('Attempting to reconnect');
+                        this.logger.info('Attempting to reconnect');
                     }
                 },
             };
@@ -495,15 +384,15 @@ var BrowserRTC4Chime = /** @class */ (function (_super) {
         /**
          * 注册rtc事件
          */
-        _this._registerRtcEvent = function () {
+        this._registerRtcEvent = () => {
             var _a, _b, _c, _d, _e, _f;
-            var presentAttendeeId = ((_c = (_b = (_a = _this.meetingSession) === null || _a === void 0 ? void 0 : _a.configuration) === null || _b === void 0 ? void 0 : _b.credentials) === null || _c === void 0 ? void 0 : _c.attendeeId) || '';
+            const presentAttendeeId = ((_c = (_b = (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.configuration) === null || _b === void 0 ? void 0 : _b.credentials) === null || _c === void 0 ? void 0 : _c.attendeeId) || '';
             if (presentAttendeeId) {
                 // 处理音量变化
-                var roster_1 = new Map();
-                var getUserVolumes_1 = function () {
-                    var result = [];
-                    roster_1.forEach(function (v, k) {
+                const roster = new Map();
+                const getUserVolumes = () => {
+                    const result = [];
+                    roster.forEach((v, k) => {
                         result.push({
                             userId: v.userId,
                             volume: v.muted || v.signalStrength === 0 || !Boolean(v.volume)
@@ -513,208 +402,180 @@ var BrowserRTC4Chime = /** @class */ (function (_super) {
                     });
                     return result;
                 };
-                (_d = _this.meetingSession) === null || _d === void 0 ? void 0 : _d.audioVideo.realtimeSubscribeToAttendeeIdPresence(function (presentAttendeeId, present, externalUserId) {
+                (_d = this.meetingSession) === null || _d === void 0 ? void 0 : _d.audioVideo.realtimeSubscribeToAttendeeIdPresence((presentAttendeeId, present, externalUserId) => {
                     var _a;
                     if (!present) {
-                        roster_1.delete(presentAttendeeId);
-                        _this.emit('userVolumes', getUserVolumes_1());
+                        roster.delete(presentAttendeeId);
+                        this.emit('userVolumes', getUserVolumes());
                         return;
                     }
-                    (_a = _this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeSubscribeToVolumeIndicator(presentAttendeeId, function (attendeeId, volume, muted, signalStrength) {
-                        var baseAttendeeId = new DefaultModality(attendeeId).base();
+                    (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeSubscribeToVolumeIndicator(presentAttendeeId, (attendeeId, volume, muted, signalStrength) => {
+                        const baseAttendeeId = new DefaultModality(attendeeId).base();
                         if (baseAttendeeId !== attendeeId) {
                             // Optional: Do not include the content attendee (attendee-id#content) in the roster.
                             // See the "Screen and content share" section for details.
                             return;
                         }
-                        roster_1.set(attendeeId, {
+                        roster.set(attendeeId, {
                             userId: externalUserId || attendeeId,
-                            volume: volume,
-                            muted: muted,
-                            signalStrength: signalStrength,
+                            volume,
+                            muted,
+                            signalStrength,
                         });
-                        _this.emit('userVolumes', getUserVolumes_1());
+                        this.emit('userVolumes', getUserVolumes());
                     });
                 });
                 // 弱网
-                (_e = _this.meetingSession) === null || _e === void 0 ? void 0 : _e.audioVideo.realtimeSubscribeToVolumeIndicator(presentAttendeeId, function (attendeeId, volume, muted, signalStrength) {
-                    var baseAttendeeId = new DefaultModality(attendeeId).base();
+                (_e = this.meetingSession) === null || _e === void 0 ? void 0 : _e.audioVideo.realtimeSubscribeToVolumeIndicator(presentAttendeeId, (attendeeId, volume, muted, signalStrength) => {
+                    const baseAttendeeId = new DefaultModality(attendeeId).base();
                     if (baseAttendeeId === attendeeId) {
                         if (signalStrength !== null && signalStrength !== 1) {
-                            _this.emit('weakNetwork');
+                            this.emit('weakNetwork');
                         }
                     }
                 });
                 // 报错
-                (_f = _this.meetingSession) === null || _f === void 0 ? void 0 : _f.audioVideo.realtimeSubscribeToFatalError(function (error) { return _this.emit('error', error); });
+                (_f = this.meetingSession) === null || _f === void 0 ? void 0 : _f.audioVideo.realtimeSubscribeToFatalError((error) => this.emit('error', error));
             }
         };
         // 挂载签名钩子
-        _this._getVoiceSign = options.getVoiceSign;
-        _this._initDom();
-        _this.logger = new ConsoleLogger('WebRTCLogger', options.logLevel || LogLevel.OFF);
-        _this.deviceController = new DefaultDeviceController(_this.logger);
-        _this.initObservers();
-        return _this;
+        this._getVoiceSign = options.getVoiceSign;
+        this._initDom();
+        this.logger = new ConsoleLogger('WebRTCLogger', options.logLevel || LogLevel$1.OFF);
+        this.deviceController = new DefaultDeviceController(this.logger);
+        this.initObservers();
     }
     /**
      * 加入语音会议
      * @param options
      * @returns
      */
-    BrowserRTC4Chime.prototype.join = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_a) {
-                return [2 /*return*/, new Promise(function (success, fail) { return __awaiter(_this, void 0, void 0, function () {
-                        var _a, userId, userSig, _b, attendence, vendor_wrapper, configuration, observer, audioInputDevices, defaultAudioInput, otherAudioInput, e_1;
-                        var _this = this;
-                        var _c;
-                        return __generator(this, function (_d) {
-                            switch (_d.label) {
-                                case 0:
-                                    this.emit('joinWillStart');
-                                    _d.label = 1;
-                                case 1:
-                                    _d.trys.push([1, 6, , 7]);
-                                    return [4 /*yield*/, this._getVoiceSign(__assign(__assign({}, options), { roomId: options.roomId || 0 }))];
-                                case 2:
-                                    _a = _d.sent(), userId = _a.userId, userSig = _a.userSig;
-                                    this.userId = userId;
-                                    _b = JSON.parse(decodeURIComponent(userSig)), attendence = _b.attendence, vendor_wrapper = _b.vendor_wrapper;
-                                    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);
-                                    observer = {
-                                        audioVideoDidStart: function () {
-                                            var _a;
-                                            (_a = _this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeMuteLocalAudio();
-                                            _this.joined = true;
-                                            _this.emit('joined');
-                                            success(true);
-                                        },
-                                        audioVideoDidStop: function () {
-                                            _this.joined = false;
-                                            success(false);
-                                        },
-                                    };
-                                    this.meetingSession.audioVideo.addObserver(observer);
-                                    return [4 /*yield*/, this.deviceController.listAudioInputDevices(true)];
-                                case 3:
-                                    audioInputDevices = _d.sent();
-                                    defaultAudioInput = audioInputDevices.find(function (device) { return device.deviceId === 'default'; });
-                                    otherAudioInput = audioInputDevices.find(function (device) { return device.deviceId !== ''; });
-                                    this.audioInput = defaultAudioInput || otherAudioInput;
-                                    return [4 /*yield*/, this.meetingSession.audioVideo.chooseVideoInputDevice(null)];
-                                case 4:
-                                    _d.sent();
-                                    return [4 /*yield*/, this.meetingSession.audioVideo.chooseAudioInputDevice(((_c = this.audioInput) === null || _c === void 0 ? void 0 : _c.deviceId) || 'default')];
-                                case 5:
-                                    _d.sent();
-                                    this.meetingSession.audioVideo.start();
-                                    return [3 /*break*/, 7];
-                                case 6:
-                                    e_1 = _d.sent();
-                                    this.emit('error', e_1);
-                                    this.logger.error(e_1.message);
-                                    success(false);
-                                    return [3 /*break*/, 7];
-                                case 7: return [2 /*return*/];
-                            }
-                        });
-                    }); })];
-            });
+    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);
+                }
+            }));
         });
-    };
-    BrowserRTC4Chime.prototype.quit = function () {
-        var _this = this;
+    }
+    quit() {
         if (!this.joined)
             return Promise.resolve(true);
-        return new Promise(function (success, fail) {
+        return new Promise((success, fail) => {
             var _a, _b;
-            _this.joined = false;
-            var observer = {
-                audioVideoDidStop: function (sessionStatus) {
-                    var sessionStatusCode = sessionStatus.statusCode();
+            this.joined = false;
+            const observer = {
+                audioVideoDidStop: (sessionStatus) => {
+                    const sessionStatusCode = sessionStatus.statusCode();
                     if (sessionStatusCode === MeetingSessionStatusCode.Left) {
                         /*
                           - You called meetingSession.audioVideo.stop().
                           - When closing a browser window or page, Chime SDK attempts to leave the session.
                         */
-                        _this.logger.info('You left the session');
+                        this.logger.info('You left the session');
                         success(true);
                     }
                     else {
-                        _this.logger.info("Stopped with a session status code: ".concat(sessionStatusCode));
+                        this.logger.info(`Stopped with a session status code: ${sessionStatusCode}`);
                         success(true);
                     }
                 },
             };
-            (_a = _this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.addObserver(observer);
-            (_b = _this.meetingSession) === null || _b === void 0 ? void 0 : _b.audioVideo.stop();
+            (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.addObserver(observer);
+            (_b = this.meetingSession) === null || _b === void 0 ? void 0 : _b.audioVideo.stop();
         });
-    };
-    BrowserRTC4Chime.prototype.detectMicro = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_a) {
-                return [2 /*return*/, new Promise(function (resolve) {
-                        var rule = { audio: true, video: false };
-                        try {
-                            navigator.mediaDevices
-                                .getUserMedia(rule)
-                                .then(function () { return resolve(true); })
-                                .catch(function () { return resolve(false); });
-                        }
-                        catch (e) {
-                            _this.logger.error(e.message);
-                            resolve(false);
-                        }
-                    })];
-            });
-        });
-    };
-    BrowserRTC4Chime.prototype.toggleMicro = function (flag) {
-        var _a, _b, _c;
-        return __awaiter(this, void 0, void 0, function () {
-            var muted;
-            return __generator(this, function (_d) {
-                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();
-                }
-                muted = (_c = this.meetingSession) === null || _c === void 0 ? void 0 : _c.audioVideo.realtimeIsLocalAudioMuted();
-                if (muted !== undefined) {
-                    return [2 /*return*/, flag !== muted];
+    }
+    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));
                 }
-                else {
-                    return [2 /*return*/, false];
+                catch (e) {
+                    this.logger.error(e.message);
+                    resolve(false);
                 }
             });
         });
-    };
-    BrowserRTC4Chime.prototype.shock = function () {
+    }
+    toggleMicro(flag) {
+        var _a, _b, _c;
+        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.');
-    };
-    return BrowserRTC4Chime;
-}(CoreRTC));
+    }
+}
 
 /**
  * rtc加入返回值code枚举
@@ -739,122 +600,83 @@ var RTCJoinedInfoCodeEnum;
     RTCJoinedInfoCodeEnum[RTCJoinedInfoCodeEnum["NoMicroPermission"] = 3] = "NoMicroPermission";
 })(RTCJoinedInfoCodeEnum || (RTCJoinedInfoCodeEnum = {}));
 
-var VRWebViewRTC = /** @class */ (function (_super) {
-    __extends(VRWebViewRTC, _super);
-    function VRWebViewRTC(_a) {
-        var jsBridge = _a.jsBridge, getVoiceSign = _a.getVoiceSign;
-        var _this = _super.call(this) || this;
-        _this.type = RTCType.RealseeVRWebViewRTC;
-        _this.joined = false;
-        _this.micro = false;
-        _this.voiceId = '';
-        _this.options = { jsBridge: jsBridge, getVoiceSign: getVoiceSign };
-        _this.jsBridge.callAndListen('live/userVolumes', function (userVolumes) {
-            _this.emit('userVolumes', userVolumes);
+class VRWebViewRTC extends CoreRTC {
+    constructor({ jsBridge, getVoiceSign }) {
+        super();
+        this.type = RTCType.RealseeVRWebViewRTC;
+        this.joined = false;
+        this.micro = false;
+        this.voiceId = '';
+        this.options = { jsBridge, getVoiceSign };
+        this.jsBridge.callAndListen('live/userVolumes', (userVolumes) => {
+            this.emit('userVolumes', userVolumes);
         });
-        _this.jsBridge.callAndListen('live/weakNetwork', function (weakNetwork) {
+        this.jsBridge.callAndListen('live/weakNetwork', (weakNetwork) => {
             if (weakNetwork)
-                _this.emit('weakNetwork');
+                this.emit('weakNetwork');
         });
-        return _this;
-    }
-    Object.defineProperty(VRWebViewRTC.prototype, "jsBridge", {
-        get: function () {
-            return this.options.jsBridge;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    VRWebViewRTC.prototype.join = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a, sdkAppId, userId, userSig, _b, res, error;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        this.emit('joinWillStart');
-                        return [4 /*yield*/, this.options.getVoiceSign(options)];
-                    case 1:
-                        _a = _c.sent(), sdkAppId = _a.sdkAppId, userId = _a.userId, userSig = _a.userSig;
-                        this.type = options.type;
-                        return [4 /*yield*/, this.jsBridge.callAndBackfeed("live/join?sdkAppID=".concat(sdkAppId, "&userID=").concat(userId, "&roomID=").concat(Number(options.voiceId), "&userSig=").concat(userSig))];
-                    case 2:
-                        _b = _c.sent(), res = _b[0], error = _b[1];
-                        if (!res) {
-                            this.emit('error', error ? error : new Error('加入房间失败：未知异常。'));
-                            this.joined = false;
-                        }
-                        else {
-                            if (res.code === RTCJoinedInfoCodeEnum.Success) {
-                                this.emit('joined');
-                                this.joined = true;
-                            }
-                            else {
-                                this.emit('error', res);
-                                this.joined = false;
-                            }
-                        }
-                        return [2 /*return*/, this.joined];
+    }
+    get jsBridge() {
+        return this.options.jsBridge;
+    }
+    join(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.emit('joinWillStart');
+            const { sdkAppId, userId, userSig } = yield this.options.getVoiceSign(options);
+            this.type = options.type;
+            const [res, error] = yield this.jsBridge.callAndBackfeed(`live/join?sdkAppID=${sdkAppId}&userID=${userId}&roomID=${Number(options.voiceId)}&userSig=${userSig}`);
+            if (!res) {
+                this.emit('error', error ? error : new Error('加入房间失败：未知异常。'));
+                this.joined = false;
+            }
+            else {
+                if (res.code === RTCJoinedInfoCodeEnum.Success) {
+                    this.emit('joined');
+                    this.joined = true;
                 }
-            });
-        });
-    };
-    VRWebViewRTC.prototype.quit = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a, res, error;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.jsBridge.callAndBackfeed('live/quit')];
-                    case 1:
-                        _a = _b.sent(), res = _a[0], error = _a[1];
-                        if (res === null) {
-                            this.emit('error', error ? error : new Error('退出房间失败：未知异常。'));
-                        }
-                        this.joined = false;
-                        return [2 /*return*/, !!res];
+                else {
+                    this.emit('error', res);
+                    this.joined = false;
                 }
-            });
+            }
+            return this.joined;
         });
-    };
-    VRWebViewRTC.prototype.detectMicro = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a, res, error;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.jsBridge.detectMicro()];
-                    case 1:
-                        _a = _b.sent(), res = _a[0], error = _a[1];
-                        if (res === null) {
-                            this.emit('error', error ? error : new Error('麦克风监测异常！'));
-                            return [2 /*return*/, false];
-                        }
-                        return [2 /*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;
         });
-    };
-    VRWebViewRTC.prototype.toggleMicro = function (flag) {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a, res, error;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.jsBridge.callAndBackfeed("live/toggleMicro?flag=".concat(!!flag ? 1 : 0))];
-                    case 1:
-                        _a = _b.sent(), res = _a[0], error = _a[1];
-                        if (res === null) {
-                            this.emit('error', error ? error : new Error('麦克风监测异常！'));
-                            return [2 /*return*/, false];
-                        }
-                        this.micro = res;
-                        return [2 /*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;
         });
-    };
-    VRWebViewRTC.prototype.shock = function () {
+    }
+    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);
-    };
-    return VRWebViewRTC;
-}(CoreRTC));
+    }
+}
 
 /**
  * WebSocket 通信指令
@@ -939,8 +761,8 @@ var MicroStatus;
  */
 function parseLiveMsg(jsonTxt) {
     try {
-        var msg = JSON.parse(jsonTxt);
-        var resMsg_1 = {
+        const msg = JSON.parse(jsonTxt);
+        const resMsg = {
             code: msg.code,
             message: msg.message,
             command: msg.command,
@@ -951,11 +773,11 @@ function parseLiveMsg(jsonTxt) {
             triggerUserID: msg.trigger_user_id,
             data: msg.data || {},
         };
-        var undefinedKeys = Object.keys(resMsg_1).filter(function (key) { return resMsg_1[key] === undefined; });
+        const undefinedKeys = Object.keys(resMsg).filter((key) => resMsg[key] === undefined);
         if (undefinedKeys.length > 0) {
-            console.warn("\u63A8\u9001\u6570\u636E\u683C\u5F0F\u5F02\u5E38\uFF1A".concat(undefinedKeys.join(" "), " \u503C\u4E0D\u5B58\u5728\uFF01"));
+            console.warn(`推送数据格式异常：${undefinedKeys.join(" ")} 值不存在！`);
         }
-        return resMsg_1;
+        return resMsg;
     }
     catch (error) {
         // notcare? 过滤掉所有不符合规范的数据
@@ -963,6 +785,23 @@ function parseLiveMsg(jsonTxt) {
     }
 }
 
+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 = {}));
+
 /**
  * 用户当前状态枚举。
  */
@@ -1092,20 +931,45 @@ 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);
+
 function appendUri(uri, query) {
-    if (query === void 0) { query = {}; }
-    var hasQuery = uri.indexOf('?') !== -1;
-    var newQuery = Object.keys(query).reduce(function (accu, curr, idx) {
-        return "".concat(accu).concat((idx === 0 && !hasQuery) ? '?' : '&').concat(curr, "=").concat(query[curr]);
-    }, '');
+    const hasQuery = uri.indexOf('?') !== -1;
+    const newQuery = Object.keys(query).reduce((accu, curr, idx) => `${accu}${(idx === 0 && !hasQuery) ? '?' : '&'}${curr}=${query[curr]}`, '');
     return uri + newQuery;
 }
 
-var userAgent = globalThis.navigator.userAgent;
-var isAndroid = /android/gi.test(userAgent);
-var isIOS = /iPhone|iPad\s+OS/gi.test(userAgent);
-var isWxMiniProgram = /MicroMessenger/gi.test(userAgent) && /miniProgram/gi.test(userAgent);
-var isRealseeVRWebview = /realsee/gi.test(userAgent);
+const userAgent = globalThis.navigator.userAgent;
+const isAndroid = /android/gi.test(userAgent);
+const isIOS = /iPhone|iPad\s+OS/gi.test(userAgent);
+const isWxMiniProgram = /MicroMessenger/gi.test(userAgent) && /miniProgram/gi.test(userAgent);
+const isRealseeVRWebview = /realsee/gi.test(userAgent);
 
 /**
  * 判断是否是真实的对象类型
@@ -1137,12 +1001,12 @@ function baseIsEqual(value, other) {
  * @returns
  */
 function objEqualShallow(value, other) {
-    var valueProps = Object.getOwnPropertyNames(value);
-    var otherProps = Object.getOwnPropertyNames(other);
+    const valueProps = Object.getOwnPropertyNames(value);
+    const otherProps = Object.getOwnPropertyNames(other);
     if (valueProps.length !== otherProps.length)
         return false;
-    for (var i = 0, len = valueProps.length; i < len; i++) {
-        var propName = valueProps[i];
+    for (let i = 0, len = valueProps.length; i < len; i++) {
+        const propName = valueProps[i];
         if (!baseIsEqual(value[propName], other[propName]))
             return false;
     }
@@ -1157,7 +1021,7 @@ function objEqualShallow(value, other) {
 function arrayEqualShallow(value, other) {
     if (value.length !== other.length)
         return false;
-    for (var i = 0, len = value.length; i < len; i++) {
+    for (let i = 0, len = value.length; i < len; i++) {
         if (!baseIsEqual(value[i], other[i]))
             return false;
     }
@@ -1202,7 +1066,7 @@ function isDeepEqual(value, other) {
 function arrayEqualDeep(value, other) {
     if (value.length !== other.length)
         return false;
-    for (var i = 0, len = value.length; i < len; i++) {
+    for (let i = 0, len = value.length; i < len; i++) {
         if (!isDeepEqual(value[i], other[i]))
             return false;
     }
@@ -1215,12 +1079,12 @@ function arrayEqualDeep(value, other) {
  * @returns
  */
 function objEqualDeep(value, other) {
-    var valueProps = Object.getOwnPropertyNames(value);
-    var otherProps = Object.getOwnPropertyNames(other);
+    const valueProps = Object.getOwnPropertyNames(value);
+    const otherProps = Object.getOwnPropertyNames(other);
     if (valueProps.length !== otherProps.length)
         return false;
-    for (var i = 0, len = valueProps.length; i < len; i++) {
-        var propName = valueProps[i];
+    for (let i = 0, len = valueProps.length; i < len; i++) {
+        const propName = valueProps[i];
         if (!isDeepEqual(value[propName], other[propName]))
             return false;
     }
@@ -1234,995 +1098,1240 @@ function objEqualDeep(value, other) {
  * @returns {boolean} 是否相等。
  */
 function equal(value, other, opt) {
-    if (opt === void 0) { opt = { deep: false }; }
     if (!opt.deep)
         return isShallowEqual(value, other);
     return isDeepEqual(value, other);
 }
 
-var LiveController = /** @class */ (function () {
-    function LiveController(options) {
-        var _this = this;
-        this.readyState = WebSocketState.NOTINITIALIZED;
-        this.canSync = true;
-        this.connecting = false;
-        this.keyframes = {};
+/**
+ * 输出格式化日志
+ */
+// 获取当前时间
+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) {
+        // 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 = function (live) {
-            do {
-                if (!_this.webSocket) {
-                    if (_this.readyState !== WebSocketState.NOTINITIALIZED) {
-                        _this.readyState = WebSocketState.NOTINITIALIZED;
-                        live.emit('ws.readyStateUpdate', _this.readyState);
-                    }
-                    break;
-                }
-                var 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 = function () {
-            _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 = function () {
-            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;
             }
-            if (_this.onEvtMsgListener) {
-                _this.webSocket.removeEventListener('message', _this.onEvtMsgListener);
-                _this.onEvtMsgListener = undefined;
+        };
+        /**
+         * 发送消息
+         * @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.onEvtErrListener) {
-                _this.webSocket.removeEventListener('error', _this.onEvtErrListener);
-                _this.onEvtErrListener = 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.onEvtCLEListener) {
-                _this.webSocket.removeEventListener('close', _this.onEvtCLEListener);
-                _this.onEvtCLEListener = 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();
             }
-            _this.webSocket.close();
-            _this.webSocket = undefined;
-            return true;
         };
-        this.options = Object.assign({ autoConnect: true, healthCheck: 3000 }, options);
-    }
-    /**
-     * 解析数据
-     * @param liveMsg
-     * @param live
-     */
-    LiveController.prototype.handleMessage = function (liveMsg, live) {
-        var _this = this;
-        var _a, _b, _c;
-        var command = liveMsg.command, data = liveMsg.data, frontRequestId = liveMsg.frontRequestId, code = liveMsg.code;
-        if (code === 'SUCCESS') {
-            switch (command) {
-                /**
-                 * 自己的状态变化
-                 */
-                case Command.SelfUserInfo: {
-                    var selfInfo = data;
-                    if (equal(this.selfUserInfo, selfInfo, { deep: true }))
-                        return;
-                    this.selfUserInfo = selfInfo;
-                    live.emit('selfInfoUpdate', this.selfUserInfo, frontRequestId);
-                    break;
-                }
-                /**
-                 * 房间信息变化
-                 */
-                case Command.RoomInfo: {
-                    var roomInfo = data;
-                    this.roomInfo = Object.assign({}, roomInfo);
-                    live.emit('readyKeyframeSync', (roomInfo.last_frame || {}));
-                    break;
-                }
-                /**
-                 * 语音信息变化
-                 */
-                case Command.RTCInfo: {
-                    var _d = data, voiceId = _d.voice_id, type = _d.type;
-                    /* 如果已经进入语音房间，则不重复进入 --> "RTCInfo" 指令可能会下发多次 */
-                    if (live.$RTC.joined) {
-                        break;
-                    }
-                    live.$RTC.join({
-                        voiceId: 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: type,
-                    });
-                    // 加入房间后 麦克风默认就开启了：需要发个指令。
-                    live.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
-                        status: MicroStatus.OPEN,
-                    });
-                    break;
-                }
-                /**
-                 * 房间用户列表变化
-                 */
-                case Command.UserList: {
-                    var userList = data;
-                    this.userList = userList;
-                    live.emit('userListUpdate', this.userList, frontRequestId);
-                    break;
-                }
-                /**
-                 * 自定义事件广播
-                 */
-                case Command.CustomEvent: {
-                    var evtMsg = data;
-                    live.emit('broadcast', evtMsg, frontRequestId);
-                    break;
-                }
-                /**
-                 * 帧数据同步
-                 */
-                case Command.KeyframeSync: {
-                    var remoteKeyframes_1 = data;
-                    // 此处做一层 diff，仅跟本地数据不一致的情况下才广播数据。
-                    var keyframes = Object.keys(remoteKeyframes_1).reduce(function (accu, curr) {
-                        var _a;
-                        if (equal(remoteKeyframes_1[curr], _this.keyframes[curr], { deep: true })) {
-                            return accu;
-                        }
-                        var params = [
-                            remoteKeyframes_1[curr],
-                            _this.keyframes[curr],
-                            frontRequestId,
-                        ];
-                        var evtName = curr;
-                        (_a = live.keyframes).emit.apply(_a, __spreadArray([evtName], params, false));
-                        _this.keyframes[curr] = remoteKeyframes_1[curr];
-                        accu[curr] = remoteKeyframes_1[curr];
-                        return accu;
-                    }, {});
-                    live.emit('keyframes', keyframes, frontRequestId);
-                    break;
-                }
-                /**
-                 * 内置消息
-                 */
-                case Command.BuiltinMsg: {
-                    var 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);
-                }
+        /**
+         * 创建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();
+            }
+        };
+        /**
+         * 分发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);
         }
-        else {
-            live.emit('error', liveMsg);
+    }
+    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 event
+     * @returns
+     */
+    _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;
+        }
+        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
      */
-    LiveController.prototype.sendMessage = function (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));
-    };
-    return LiveController;
-}());
+    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!');
+        }
+    }
+}
 
-var unimplementedGetVoiceSign = function (params) {
-    return Promise.reject('unimplemented method GetVoiceSign');
+const unimplementedGetVoiceSign = (params) => Promise.reject('unimplemented method 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;
+    }
 };
-/**
- * 创建 `live` 实例。
- */
-function createLive(options) {
-    var liveController = new LiveController(options);
-    var createLiveMsg = function (command, data, toUserIds) {
-        if (data === void 0) { data = {}; }
-        toUserIds = toUserIds
-            ? Array.isArray(toUserIds)
-                ? toUserIds
-                : [toUserIds]
-            : [];
-        if (toUserIds)
-            data['to_user_ids'] = toUserIds;
-        return { command: command, front_request_id: uuid(), data: data };
-    };
-    var LiveTpl = /** @class */ (function (_super) {
-        __extends(LiveTpl, _super);
-        function LiveTpl() {
-            var _this = this;
-            var _a, _b;
-            _this = _super.call(this) || this;
-            _this.keyframes = new Subscribe();
-            var jsBridge = (function () {
-                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');
-                    }
-                    var 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');
+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);
                             }
-                            liveController.options.rtc = new VRWebViewRTC({
-                                jsBridge: jsBridge,
-                                getVoiceSign: getVoiceSign,
-                            });
                             break;
                         }
-                        case RTCType.RealseeBrowserChimeRTC: {
-                            // 内置的 RealseeBrowserChimeRTC
-                            liveController.options.rtc = new BrowserRTC4Chime({
-                                getVoiceSign: getVoiceSign,
-                                logLevel: options.__debug__ ? LogLevel.DEBUG : LogLevel.ERROR,
-                            });
+                        /**
+                         * 房间信息变化
+                         */
+                        case Command.RoomInfo: {
+                            const roomInfo = data;
+                            this._buildInData.roomInfo = Object.assign({}, roomInfo);
+                            this.emit('readyKeyframeSync', (roomInfo.last_frame || {}));
                             break;
                         }
-                        case RTCType.RealseeBrowserRTC: {
-                            // 内置的 RealseeBrowserRTC
-                            liveController.options.rtc = new BrowserRTC({
-                                getVoiceSign: getVoiceSign,
-                            });
+                        /**
+                         * 语音信息变化
+                         */
+                        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');
-                    }
-                    var 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: jsBridge,
-                            getVoiceSign: getVoiceSign,
-                        });
+                else {
+                    this.emit('error', liveMsg);
+                }
+            }
+        });
+        /**
+         * 清理带看缓存的数据
+         */
+        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;
+            }
+            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');
                     }
-                    else {
-                        // 其它终端使用
-                        liveController.options.rtc =
-                            options.builtInRTCType === BuiltInRTCType.RealseeXChimeRTC
-                                ? new BrowserRTC4Chime({ getVoiceSign: getVoiceSign })
-                                : new BrowserRTC({ getVoiceSign: getVoiceSign });
+                    catch (e) {
+                        console.warn(e);
                     }
                 }
+                else {
+                    return new Error('已有Live实例正在连接中，请勿重复连接！');
+                }
             }
-            if (!liveController.options.rtc) {
-                console.warn('unused rtc');
-            }
-            // 默认自动连接
-            if (liveController.options.url && liveController.options.getTicket) {
-                _this.connect();
+            // 建立连接
+            this._clearLiveData();
+            const url = appendUri(this._options.url, {
+                ticket: yield this._options.getTicket(),
+                force: Number(!!force),
+            });
+            this._controller.open(url);
+            return true;
+        });
+        /**
+         * 退出带看
+         * @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, {});
             }
-            // 健康检查：WHY --> 在某些WebView特殊场景下 WebSocket.readyState 发生变化时不会出发error\close等事件;
-            //         因此，开启一个定时任务监测 WebSocket.readyState 状态的更新
-            var healthCheck = (function (healthCheck) {
-                if (!healthCheck)
-                    return 0;
-                if (healthCheck === true)
-                    return 3000;
-                var duration = Number(healthCheck);
-                if (duration > 0)
-                    return duration;
-                return 3000;
-            })(liveController.options.healthCheck);
-            if (healthCheck) {
-                liveController.healthCheckId = setInterval(function () { return liveController.checkReadyState(_this); }, healthCheck);
+            catch (e) {
+                logger$1.warn(e);
             }
-            return _this;
-        }
-        Object.defineProperty(LiveTpl.prototype, "options", {
-            get: function () {
-                return Object.freeze(Object.assign({}, liveController.options));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(LiveTpl.prototype, "readyState", {
-            get: function () {
-                liveController.checkReadyState(this);
-                return liveController.readyState;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(LiveTpl.prototype, "url", {
-            get: function () {
-                var _a;
-                return ((_a = liveController.webSocket) === null || _a === void 0 ? void 0 : _a.url) || '';
-            },
-            enumerable: false,
-            configurable: true
+            return yield this._controller.close('user exit');
         });
-        Object.defineProperty(LiveTpl.prototype, "selfInfo", {
-            get: function () {
-                return liveController.selfUserInfo;
-            },
-            enumerable: false,
-            configurable: true
+        /**
+         * 销毁带看
+         * @returns
+         */
+        this.dispose = () => __awaiter(this, void 0, void 0, function* () {
+            this._removeLiveControllerEventListeners();
+            this._clearLiveData();
+            return yield this._controller.dispose();
         });
-        Object.defineProperty(LiveTpl.prototype, "userList", {
-            get: function () {
-                return liveController.userList || [];
-            },
-            enumerable: false,
-            configurable: true
+        /**
+         * 设置自己的用户信息
+         * @param userInfo
+         * @returns
+         */
+        this.setSelfInfo = (userInfo) => __awaiter(this, void 0, void 0, function* () {
+            return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserInfo, userInfo);
         });
-        Object.defineProperty(LiveTpl.prototype, "snapshot", {
-            get: function () {
-                return liveController.keyframes || {};
-            },
-            enumerable: false,
-            configurable: true
+        // 仅用于用户自己的麦克风控制
+        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;
+            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;
         });
-        Object.defineProperty(LiveTpl.prototype, "$RTC", {
-            get: function () {
-                return liveController.options.rtc;
-            },
-            enumerable: false,
-            configurable: true
+        /**
+         * 控制别人的麦
+         * @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 (!((_s = (_r = this.selfInfo) === null || _r === void 0 ? void 0 : _r.permission) === null || _s === void 0 ? void 0 : _s.control_other_micro)) {
+                return false;
+            }
+            return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
+                status: microStatus,
+            }, toUserIds);
         });
-        Object.defineProperty(LiveTpl.prototype, "jsBridge", {
-            get: function () {
-                return liveController.options.jsBridge;
-            },
-            enumerable: false,
-            configurable: true
+        /**
+         * 控制别人的同步全量帧数据权限
+         * @param sync
+         * @param toUserIds
+         * @returns
+         */
+        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 (!((_u = (_t = this.selfInfo) === null || _t === void 0 ? void 0 : _t.permission) === null || _u === void 0 ? void 0 : _u.control_other_sync)) {
+                return false;
+            }
+            return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserPermission, { sync_frame: sync }, toUserIds);
         });
-        LiveTpl.prototype.setSelfInfo = function (userInfo) {
-            return __awaiter(this, void 0, void 0, function () {
-                var error_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (this.readyState !== WebSocketState.OPEN) {
-                                return [2 /*return*/, new Error('The connection is not open and ready to communicate.')];
-                            }
-                            _a.label = 1;
-                        case 1:
-                            _a.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserInfo, userInfo)];
-                        case 2: return [2 /*return*/, _a.sent()];
-                        case 3:
-                            error_1 = _a.sent();
-                            return [2 /*return*/, error_1];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        LiveTpl.prototype.getFramesByKey = function (key) {
-            return liveController.keyframes[key];
-        };
-        LiveTpl.prototype.sendKeyframe = function (key, frame) {
-            if (this.readyState !== WebSocketState.OPEN) {
-                return new Error('The connection is not open and ready to communicate.');
+        /**
+         * 把用户踢出带看
+         * @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;
             }
-            liveController.keyframes[key] = frame;
-            var liveMsg = createLiveMsg(Command.KeyframeSync, this.snapshot);
-            liveController.sendMessage(liveMsg);
-            return true;
-        };
-        LiveTpl.prototype.broadcast = function (data, toUserIds, timeout) {
-            var _this = this;
-            if (this.readyState !== WebSocketState.OPEN) {
-                return new Error('The connection is not open and ready to communicate.');
+            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 new Promise(function (resolve, reject) {
-                var customEvent = createLiveMsg(Command.CustomEvent, data, toUserIds);
-                var front_request_id = customEvent.front_request_id;
-                liveController.sendMessage(customEvent);
-                var timeoutId = timeout
-                    ? setTimeout(function () {
-                        reject(new Error('RESPONSE TIMEOUT'));
-                        _this.off('broadcast', broadcast);
-                    }, timeout)
-                    : undefined;
-                var broadcast = function (data, frontRequestId) {
-                    if (frontRequestId !== front_request_id)
-                        return;
-                    _this.off('broadcast', broadcast);
-                    resolve(data);
-                    if (timeoutId)
-                        clearInterval(timeoutId);
-                };
-                _this.on('broadcast', broadcast);
-            });
-        };
-        LiveTpl.prototype.updateStatus = function (evtType, atnType, status, toUserIds) {
-            return __awaiter(this, void 0, void 0, function () {
-                var data, liveMsg;
-                return __generator(this, function (_a) {
-                    // TODO 统一规则，不能联合类型
-                    if (this.readyState !== WebSocketState.OPEN) {
-                        return [2 /*return*/, false];
-                    }
-                    data = Object.assign({ event_type: evtType, action: atnType }, { data: status });
-                    liveMsg = createLiveMsg(Command.BuiltinMsg, data, toUserIds);
-                    liveController.sendMessage(liveMsg);
-                    return [2 /*return*/, true];
-                });
-            });
-        };
-        // 仅用于用户自己的麦克风控制
-        LiveTpl.prototype.toggleMicro = function (microStatus) {
-            var _a, _b;
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            if (!((_b = (_a = this.selfInfo) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.control_own_micro))
-                                return [2 /*return*/, false];
-                            return [4 /*yield*/, this.$RTC.toggleMicro(microStatus)];
-                        case 1:
-                            _c.sent();
-                            return [4 /*yield*/, this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
-                                    status: microStatus ? MicroStatus.OPEN : MicroStatus.CLOSE,
-                                }, [])];
-                        case 2: return [2 /*return*/, _c.sent()];
+            return yield this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserStatus, {
+                status: 'KICK_OUT',
+            }, toUserIds);
+        });
+        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;
+                        }
                     }
-                });
-            });
-        };
-        LiveTpl.prototype.forbidMicro = function (microStatus, toUserIds) {
-            var _a, _b;
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            if (liveController.options.canForbidUserMicro &&
-                                !liveController.options.canForbidUserMicro(toUserIds)) {
-                                return [2 /*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)) {
-                                return [2 /*return*/, false];
-                            }
-                            return [4 /*yield*/, this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
-                                    status: microStatus,
-                                }, toUserIds)];
-                        case 1: return [2 /*return*/, _c.sent()];
+                    case RTCType.RealseeBrowserChimeRTC: {
+                        // 内置的 RealseeBrowserChimeRTC
+                        return new BrowserRTC4Chime({
+                            getVoiceSign: this._options.getVoiceSign,
+                            logLevel: opts.__debug__ ? LogLevel.DEBUG : LogLevel.ERROR,
+                        });
                     }
-                });
-            });
-        };
-        /**
-         * @deprecated 暂不可用
-         */
-        LiveTpl.prototype.forbidSync = function (sync, toUserIds) {
-            var _a, _b;
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            if (liveController.options.canForbidUserSync &&
-                                !liveController.options.canForbidUserSync(toUserIds)) {
-                                return [2 /*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)) {
-                                return [2 /*return*/, false];
-                            }
-                            return [4 /*yield*/, this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserPermission, { sync_frame: sync }, toUserIds)];
-                        case 1: return [2 /*return*/, _c.sent()];
+                    case RTCType.RealseeBrowserRTC: {
+                        // 内置的 RealseeBrowserRTC
+                        return new BrowserRTC({
+                            getVoiceSign: this._options.getVoiceSign,
+                        });
                     }
-                });
-            });
-        };
-        LiveTpl.prototype.kick = function (toUserIds) {
-            var _a, _b;
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            if (liveController.options.canForbidUserKick &&
-                                !liveController.options.canForbidUserKick(toUserIds)) {
-                                return [2 /*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)) {
-                                return [2 /*return*/, false];
-                            }
-                            return [4 /*yield*/, this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserStatus, {
-                                    status: 'KICK_OUT',
-                                }, toUserIds)];
-                        case 1: return [2 /*return*/, _c.sent()];
+                    default: {
+                        logger$1.error('unknown built-in RTC type');
+                        return undefined;
                     }
-                });
-            });
-        };
-        LiveTpl.prototype.exit = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var e_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, , 3]);
-                            this.$RTC.quit();
-                            return [4 /*yield*/, this.updateStatus(BuiltinEventType.RoomChange, BuiltinActionType.RoomClose, {})];
-                        case 1:
-                            _a.sent();
-                            return [3 /*break*/, 3];
-                        case 2:
-                            e_1 = _a.sent();
-                            console.log(e_1);
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/, liveController.dispose()];
+                }
+            }
+            // 都不满足时取内置
+            if (opts.useBuiltInRTC) {
+                if (!opts.getVoiceSign) {
+                    logger$1.error('GetVoiceSign method must be passed when using built-in RTC instances');
+                }
+                if (this._options.jsBridge) {
+                    if ((isRealseeVRWebview && (isAndroid || isIOS)) || isWxMiniProgram) {
+                        return new VRWebViewRTC({
+                            jsBridge: this._options.jsBridge,
+                            getVoiceSign: this._options.getVoiceSign,
+                        });
                     }
-                });
-            });
-        };
-        LiveTpl.prototype.connect = function (options) {
-            if (options === void 0) { options = {}; }
-            return __awaiter(this, void 0, void 0, function () {
-                var microAuth, error, error, force, error, error, url, _a, _b, _c;
-                var _d;
-                var _this = this;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0: return [4 /*yield*/, this.$RTC.detectMicro()];
-                        case 1:
-                            microAuth = _e.sent();
-                            if (!microAuth) {
-                                error = new Error('系统监测麦克风未授权~');
-                                this.emit('ws.error', { type: WebSocketErrorType.MicroAuth, error: error });
-                                return [2 /*return*/, error];
-                            }
-                            // WebSocket 正在连接中，规避重复连接
-                            if (liveController.connecting) {
-                                error = new Error('WebSocket 正在连接中，请勿重复连接 ...');
-                                this.emit('ws.error', {
-                                    type: WebSocketErrorType.DuplicateConnect,
-                                    error: error,
-                                });
-                                return [2 /*return*/, error];
-                            }
-                            force = options.force;
-                            if (!force) {
-                                if (this.readyState === WebSocketState.CONNECTING ||
-                                    this.readyState === WebSocketState.OPEN) {
-                                    return [2 /*return*/, true];
-                                }
-                            }
-                            // 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')) {
-                                error = new Error("WebSocket URL \u672A\u914D\u7F6E\u6216\u683C\u5F0F\u4E0D\u5408\u6CD5\uFF1A\"".concat(liveController.options.url, "\""));
-                                this.emit('ws.error', { type: WebSocketErrorType.IllegalURL, error: error });
-                                return [2 /*return*/, error];
-                            }
-                            if (!liveController.options.getTicket) {
-                                error = new Error("getTicket() \u672A\u914D\u7F6E!");
-                                this.emit('ws.error', { type: WebSocketErrorType.IllegalArgs, error: error });
-                                return [2 /*return*/, error];
-                            }
-                            // 连接锁
-                            liveController.connecting = true;
-                            // 连接前销毁之前绑定的事件
-                            liveController.disposeWebSocket();
-                            this.emit('ws.beforeConnect');
-                            if (!(force || options.url || !this.url)) return [3 /*break*/, 3];
-                            _b = appendUri;
-                            _c = [liveController.options.url];
-                            _d = {};
-                            return [4 /*yield*/, liveController.options.getTicket()];
-                        case 2:
-                            _a = _b.apply(void 0, _c.concat([(_d.ticket = _e.sent(),
-                                    _d.force = Number(!!force),
-                                    _d)]));
-                            return [3 /*break*/, 4];
-                        case 3:
-                            _a = this.url;
-                            _e.label = 4;
-                        case 4:
-                            url = _a;
-                            liveController.webSocket = new WebSocket(url);
-                            liveController.onEvtOpnListener = function () {
-                                liveController.checkReadyState(_this);
-                                _this.emit('ws.afterConnect');
-                            };
-                            liveController.onEvtMsgListener = function (evt) {
-                                liveController.checkReadyState(_this);
-                                try {
-                                    var liveMsg = parseLiveMsg(evt.data);
-                                    if (liveMsg === false)
-                                        return;
-                                    liveController.handleMessage(liveMsg, _this);
-                                }
-                                catch (error) {
-                                    // 未知错误
-                                    _this.emit('ws.error', {
-                                        type: WebSocketErrorType.Unknown,
-                                        error: error,
-                                        target: evt,
-                                    });
-                                }
-                            };
-                            liveController.onEvtErrListener = function (evt) {
-                                live.emit('ws.error', { type: WebSocketErrorType.Error, target: evt });
-                                liveController.checkReadyState(_this);
-                            };
-                            liveController.onEvtCLEListener = function (evt) {
-                                liveController.checkReadyState(_this);
-                                var code = Number(evt.code);
-                                if (code === 1000)
-                                    return;
-                                // 异常退出不一定会触发'error'事件，根据 evt.code 一些类型的退出也算是 error 行为
-                                var 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 [4 /*yield*/, new Promise(function (resolve, reject) {
-                                    var success = function () {
-                                        resolve(true);
-                                        liveController.connecting = false;
-                                        _this.off('ws.error', fail);
-                                    };
-                                    var fail = function (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);
-                                })];
-                        case 5: return [2 /*return*/, _e.sent()];
+                    else {
+                        // 其它终端使用
+                        return opts.builtInRTCType === BuiltInRTCType.RealseeXChimeRTC
+                            ? new BrowserRTC4Chime({
+                                getVoiceSign: this._options.getVoiceSign,
+                            })
+                            : new BrowserRTC({ getVoiceSign: this._options.getVoiceSign });
                     }
-                });
-            });
-        };
-        LiveTpl.prototype.revoke = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, true];
-                });
-            });
-        };
-        return LiveTpl;
-    }(Subscribe));
-    var live = new LiveTpl();
-    // 如果是调试环境则将内部状态暴露出来
-    if (options.__debug__) {
-        Object.assign(live, { __controller__: liveController });
-        Object.assign(window, { $live: live });
-    }
-    return live;
+                }
+                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');
+        }
+        // 第三步进行自动连接
+        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;
+            }
+        });
+    }
+    /**
+     * 自定义广播
+     * @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);
+            }
+        });
+    }
 }
 
+/**
+ * 创建`Live`实例
+ * @param opts
+ * @returns
+ */
+const createLive = (opts) => {
+    _clearLiveInstanceIfNeed();
+    return new Live(opts);
+};
+
 /**
  * 创建 {@link LiveReact} 实例，并提供 `React` 技术栈相关工具链。
  */
 function createLiveReact(options) {
-    var LiveContext = React.createContext(null);
-    var live = createLive(options);
-    var jsBridge = live.jsBridge;
-    function LiveProvider(props) {
-        return (React.createElement(LiveContext.Provider, { value: props.live || live }, props.children));
-    }
-    function useLiveInstance() {
-        var context = React.useContext(LiveContext);
+    const LiveContext = createContext(null);
+    const live = createLive(options);
+    const jsBridge = live.jsBridge;
+    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() {
-        var 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() {
-        var _this = this;
-        var live = useLiveInstance();
-        return function (options) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, live.connect(options)];
-                case 1: return [2 /*return*/, _a.sent()];
-            }
-        }); }); };
-    }
-    function useCurrentWebSocketUrl() {
-        var live = useLiveInstance();
-        var _a = React.useState(undefined), state = _a[0], setState = _a[1];
-        React.useEffect(function () {
-            var onWSBeforeConnect = function () { return setState(live.url); };
-            live.on('ws.beforeConnect', onWSBeforeConnect);
-            return function () { return live.off('ws.beforeConnect', onWSBeforeConnect); };
-        }, [live]);
-        return state;
-    }
-    function useKeyframeUpdateCallback(name, callback, deps) {
-        if (deps === void 0) { deps = []; }
-        var live = useLiveInstance();
-        var dependencyList = __spreadArray([live, name], deps, true);
-        var dispose = function () { return live.keyframes.off(name, callback); };
-        React.useEffect(function () {
-            live.keyframes.on(name, callback);
+    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(key, callback);
+        React.useEffect(() => {
+            live.keyframes.on(key, callback);
             return dispose;
         }, dependencyList);
         return dispose;
     }
+    /**
+     * 带看的一些操作
+     * @returns
+     */
     function useLiveAction() {
-        var live = useLiveInstance();
-        var toggleMicro = React.useCallback(function (microStatus) { return live.toggleMicro(microStatus); }, [live]);
-        var broadcast = React.useCallback(function (data, toUserIds, timeout) {
-            if (timeout === void 0) { timeout = 0; }
-            return live.broadcast(data, toUserIds, timeout);
-        }, [live]);
-        var exit = React.useCallback(function () { return live.exit(); }, [live]);
-        var kick = React.useCallback(function (toUserIds) { return live.kick(toUserIds); }, [live]);
-        var forbidMicro = React.useCallback(function (micro, toUserIds) {
-            return live.forbidMicro(micro, toUserIds);
-        }, [live]);
-        // const forbidSync = React.useCallback(
-        //   (sync: boolean, toUserIds?: string | string[] | undefined) =>
-        //     live.forbidSync(sync, toUserIds),
-        //   [live],
-        // );
-        var getFramesByKey = React.useCallback(function (key) { return live.getFramesByKey(key); }, [live]);
-        var sendKeyframe = React.useCallback(function (key, frame) {
-            return live.sendKeyframe(key, frame);
-        }, [live]);
-        var setSelfInfo = React.useCallback(function (userInfo) { return live.setSelfInfo(userInfo); }, [live]);
-        var updateStatus = React.useCallback(function (evtType, atnType, status, toUserIds) { return live.updateStatus(evtType, atnType, status, toUserIds); }, [live]);
+        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) => __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 {
-            broadcast: broadcast,
-            exit: exit,
-            kick: kick,
-            toggleMicro: toggleMicro,
-            forbidMicro: forbidMicro,
-            // forbidSync,
-            sendKeyframe: sendKeyframe,
-            getFramesByKey: getFramesByKey,
-            setSelfInfo: setSelfInfo,
-            updateStatus: updateStatus,
+            connect,
+            broadcast,
+            exit,
+            kick,
+            toggleMicro,
+            forbidMicro,
+            forbidSync,
+            sendKeyframe,
+            getFramesByKey,
+            setSelfInfo,
+            updateStatus,
         };
     }
     function useKeyframe(key) {
-        var live = useLiveInstance();
-        var _a = React.useState(live.getFramesByKey(key)), state = _a[0], updateState = _a[1];
-        React.useEffect(function () {
-            var onUpdate = function (nextKeyframes) {
-                return updateState(nextKeyframes);
-            };
-            var evtName = key;
-            var callback = onUpdate;
+        const live = useLiveInstance();
+        const [state, updateState] = React.useState(live.getFramesByKey(key));
+        React.useEffect(() => {
+            const onUpdate = (nextKeyframes) => updateState(nextKeyframes);
+            const evtName = key;
+            const callback = onUpdate;
             live.keyframes.on(evtName, callback);
-            return function () { return live.keyframes.off(evtName, callback); };
+            return () => live.keyframes.off(evtName, callback);
         }, [live]);
-        var setState = React.useCallback(function (frame) { return live.sendKeyframe(key, frame); }, [live]);
+        const setState = React.useCallback((frame) => live.sendKeyframe(key, frame), [live]);
         return [state, setState];
     }
-    function useLiveEventCallback(name, callback, deps) {
-        if (deps === void 0) { deps = []; }
-        var live = useLiveInstance();
-        var dispose = function () { return live.off(name, callback); };
-        var dependencyList = __spreadArray([live, name], deps, true);
-        React.useEffect(function () {
+    function useLiveEventCallback(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;
     }
     /**
-     * @deprecated
+     * 带看状态
      * @returns
      */
-    function useReadyState() {
-        var live = useLiveInstance();
-        var _a = React.useState(live.readyState), state = _a[0], updateState = _a[1];
-        React.useEffect(function () {
-            var readyStateUpdate = function (readyState) {
-                return updateState(readyState);
-            };
-            live.on('ws.readyStateUpdate', readyStateUpdate);
-            return function () { return live.off('ws.readyStateUpdate', readyStateUpdate); };
+    function useLiveState() {
+        const live = useLiveInstance();
+        const [state, updateState] = React.useState(live.state);
+        React.useEffect(() => {
+            const stateChange = (state) => updateState(state);
+            live.on('stateChange', stateChange);
+            return () => live.off('stateChange', stateChange);
         }, [live]);
         return state;
     }
     function useRTCAction() {
-        var live = useLiveInstance();
-        var join = React.useCallback(function (options) { return live.$RTC.join(options); }, [live]);
-        var quit = React.useCallback(function () { return live.$RTC.quit(); }, [live]);
-        var shock = React.useCallback(function () { var _a, _b; return (_b = (_a = live.$RTC).shock) === null || _b === void 0 ? void 0 : _b.call(_a); }, [live]);
-        var toggleMicro = React.useCallback(function (flag) { return live.$RTC.toggleMicro(flag); }, [live]);
-        var detectMicro = React.useCallback(function () { return live.$RTC.detectMicro(); }, [live]);
+        const live = useLiveInstance();
+        const join = React.useCallback((options) => live.$RTC.join(options), [live]);
+        const quit = React.useCallback(() => live.$RTC.quit(), [live]);
+        const shock = React.useCallback(() => { var _a, _b; return (_b = (_a = live.$RTC).shock) === null || _b === void 0 ? void 0 : _b.call(_a); }, [live]);
+        const toggleMicro = React.useCallback((flag) => live.$RTC.toggleMicro(flag), [live]);
+        const detectMicro = React.useCallback(() => live.$RTC.detectMicro(), [live]);
         return {
-            join: join,
-            quit: quit,
-            shock: shock,
-            toggleMicro: toggleMicro,
-            detectMicro: detectMicro,
+            join,
+            quit,
+            shock,
+            toggleMicro,
+            detectMicro,
         };
     }
-    function useRTCEventCallback(name, callback, deps) {
-        if (deps === void 0) { deps = []; }
-        var live = useLiveInstance();
-        var dispose = function () { return live.$RTC.off(name, callback); };
-        var dependencyList = __spreadArray([live, name], deps, true);
-        React.useEffect(function () {
+    function useRTCEventCallback(name, callback, deps = []) {
+        const live = useLiveInstance();
+        const dispose = () => live.$RTC.off(name, callback);
+        const dependencyList = [live, name, ...deps];
+        React.useEffect(() => {
             live.$RTC.on(name, callback);
             return dispose;
         }, dependencyList);
         return dispose;
     }
     function useSelfInfo() {
-        var _this = this;
-        var live = useLiveInstance();
-        var _a = React.useState(live.selfInfo || {}), state = _a[0], updateState = _a[1];
-        var selfInfoUpdate = function (userInfo) {
-            return updateState(userInfo);
-        };
-        React.useEffect(function () {
+        const live = useLiveInstance();
+        const [state, updateState] = React.useState(live.selfInfo || {});
+        const selfInfoUpdate = (userInfo) => updateState(userInfo);
+        React.useEffect(() => {
             live.on('selfInfoUpdate', selfInfoUpdate);
-            return function () { return live.off('selfInfoUpdate', selfInfoUpdate); };
+            return () => live.off('selfInfoUpdate', selfInfoUpdate);
         }, [live]);
-        var setState = React.useCallback(function (userInfo) { return __awaiter(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, live.setSelfInfo(userInfo)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        }); }, [live]);
+        const setState = React.useCallback((userInfo) => __awaiter(this, void 0, void 0, function* () {
+            return yield live.setSelfInfo(userInfo);
+        }), [live]);
         return [state, setState];
     }
-    function useSnapshot() {
-        var live = useLiveInstance();
-        var _a = React.useState(live.snapshot), state = _a[0], setState = _a[1];
-        React.useEffect(function () {
-            var onKeyframes = function (keyframes) { return setState(keyframes); };
+    function useKeyframesSnapshot() {
+        const live = useLiveInstance();
+        const [state, setState] = React.useState(live.snapshot);
+        React.useEffect(() => {
+            const onKeyframes = (keyframes) => setState(keyframes);
             live.on('keyframes', onKeyframes);
-            return function () { return live.off('keyframes', onKeyframes); };
+            return () => live.off('keyframes', onKeyframes);
         });
         return state;
     }
     function useUserList() {
-        var live = useLiveInstance();
-        var _a = React.useState(live.userList), state = _a[0], updateState = _a[1];
-        var userListUpdate = function (userList) { return updateState(userList); };
-        React.useEffect(function () {
+        const live = useLiveInstance();
+        const [state, updateState] = React.useState(live.userList);
+        const userListUpdate = (userList) => updateState(userList);
+        React.useEffect(() => {
             live.on('userListUpdate', userListUpdate);
-            return function () { return live.off('userListUpdate', userListUpdate); };
+            return () => live.off('userListUpdate', userListUpdate);
         }, [live]);
         return state;
     }
-    /**
-     *
-     * @param name
-     * @param callback
-     * @param deps
-     * @returns
-     * @deprecated
-     */
-    function useWebSocketEventCallback(name, callback, deps) {
-        if (deps === void 0) { deps = []; }
-        var live = useLiveInstance();
-        var dispose = function () { return live.off(name, callback); };
-        var dependencyList = __spreadArray([live, name], deps, true);
-        React.useEffect(function () {
-            live.on(name, callback);
-            return dispose;
-        }, dependencyList);
-        return dispose;
-    }
     return {
-        live: live,
-        jsBridge: jsBridge,
-        LiveProvider: LiveProvider,
-        unsafe__useLiveInstance: unsafe__useLiveInstance,
-        unsafe__useRTCInstance: unsafe__useRTCInstance,
-        useCurrentWebSocketUrl: useCurrentWebSocketUrl,
-        useConnect: useConnect,
-        useKeyframe: useKeyframe,
-        useKeyframeUpdateCallback: useKeyframeUpdateCallback,
-        useLiveAction: useLiveAction,
-        useLiveEventCallback: useLiveEventCallback,
-        useReadyState: useReadyState,
-        useRTCAction: useRTCAction,
-        useRTCEventCallback: useRTCEventCallback,
-        useSelfInfo: useSelfInfo,
-        useSnapshot: useSnapshot,
-        useUserList: useUserList,
-        useWebSocketEventCallback: useWebSocketEventCallback,
+        live,
+        jsBridge,
+        LiveProvider,
+        unsafe__useLiveInstance,
+        unsafe__useRTCInstance,
+        useConnect,
+        useKeyframe,
+        useKeyframeUpdateCallback,
+        useLiveAction,
+        useLiveEventCallback,
+        useLiveState,
+        useRTCAction,
+        useRTCEventCallback,
+        useSelfInfo,
+        useKeyframesSnapshot,
+        useUserList,
     };
 }
 
-export { BrowserRTC, BrowserRTC4Chime, BuiltInRTCType, BuiltinActionType, BuiltinEventType, Command, CoreRTC, MemUserStatus, MicroStatus, RTCJoinedInfoCodeEnum, RTCType, UserStatus, VRWebViewRTC, WebSocketCloseError, WebSocketErrorType, WebSocketState, createLive, createLiveReact, parseLiveMsg, parseWSClsErr };
+export { BrowserRTC, BrowserRTC4Chime, BuiltInRTCType, BuiltinActionType, BuiltinEventType, Command, CoreRTC, LiveState, MemUserStatus, MicroStatus, RTCJoinedInfoCodeEnum, RTCType, UserStatus, VRWebViewRTC, WebSocketCloseError, WebSocketErrorType, WebSocketState, createLive, createLiveReact, parseLiveMsg, parseWSClsErr };
 //# sourceMappingURL=realsee-live.esm.js.map