@realsee/live 0.4.0-beta.5 → 0.4.0-beta.8

package/dist/realsee-live.esm.js

@@ -1,9 +1,99 @@
 import JSBridge from '@realsee/jsbridge-x';
-import { DefaultModality, ConsoleLogger, LogLevel, DefaultDeviceController, MeetingSessionConfiguration, DefaultMeetingSession, MeetingSessionStatusCode } from 'amazon-chime-sdk-js';
+import { DefaultModality, ConsoleLogger, LogLevel, DefaultDeviceController, MeetingSessionStatusCode, MeetingSessionConfiguration, DefaultMeetingSession } from 'amazon-chime-sdk-js';
 import TRTC from 'trtc-js-sdk';
 import React from 'react';
 
-const EVENT_SYMBOL = Symbol('$$REALSEE_LIVE_EVENT$$');
+/******************************************************************************
+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$$');
 function __generateEventIfNotExisted(instance) {
     if (!instance[EVENT_SYMBOL]) {
         instance[EVENT_SYMBOL] = {};
@@ -26,15 +116,17 @@ function __removeEventIfNotExisted(instance) {
  * }>()
  * ```
  */
-class Subscribe {
+var Subscribe = /** @class */ (function () {
+    function Subscribe() {
+    }
     /**
      * 判断是否注册了事件
      * @param name  事件类型
      */
-    hasListener(name) {
-        const events = __generateEventIfNotExisted(this);
+    Subscribe.prototype.hasListener = function (name) {
+        var events = __generateEventIfNotExisted(this);
         return events && events[name] && events[name].length > 0;
-    }
+    };
     /**
      * 注册事件
      * @param  name    事件类型
@@ -44,13 +136,14 @@ class Subscribe {
      * @template K 预设的监听事件名称
      * @template C 回调函数函数上下文
      */
-    on(name, callback, once) {
-        const events = __generateEventIfNotExisted(this);
+    Subscribe.prototype.on = function (name, callback, once) {
+        var _this = this;
+        var events = __generateEventIfNotExisted(this);
         if (!events[name])
             events[name] = [];
         events[name].push([callback, once || false]);
-        return () => this.off(name, callback);
-    }
+        return function () { return _this.off(name, callback); };
+    };
     /**
      * 注册事件(是否只执行一次)
      * @param  name     事件类型
@@ -59,9 +152,9 @@ class Subscribe {
      * @template K 预设的监听事件名称
      * @template C 回调函数函数上下文
      */
-    once(name, callback) {
+    Subscribe.prototype.once = function (name, callback) {
         return this.on(name, callback, true);
-    }
+    };
     /**
      * 解除事件
      *
@@ -71,19 +164,19 @@ class Subscribe {
      * @param  callback 事件回调函数
      * @template K 预设的监听事件名称
      */
-    off(name, callback) {
+    Subscribe.prototype.off = function (name, callback) {
         if (name === undefined) {
             __removeEventIfNotExisted(this);
             return;
         }
-        const events = __generateEventIfNotExisted(this);
+        var events = __generateEventIfNotExisted(this);
         if (!events[name])
             events[name] = [];
         if (callback === undefined) {
             events[name].length = 0;
             return;
         }
-        let index = 0;
+        var index = 0;
         for (; index < events[name].length; index++) {
             if (events[name][index][0] === callback)
                 break;
@@ -91,7 +184,7 @@ class Subscribe {
         if (index < events[name].length) {
             events[name].splice(index, 1);
         }
-    }
+    };
     /**
      * 触发事件
      * @param  name  事件类型
@@ -99,27 +192,38 @@ class Subscribe {
      * @returns canceled 是否被触发取消
      * @template K 预设的监听事件名称
      */
-    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);
+    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);
             if (once)
                 this.off(name, callback);
             if (result === false)
                 canceled = true;
         }
         return canceled;
-    }
-}
+    };
+    return Subscribe;
+}());
 
 /**
  * rtc 基础抽象类
  */
-class CoreRTC extends Subscribe {
-}
+var CoreRTC = /** @class */ (function (_super) {
+    __extends(CoreRTC, _super);
+    function CoreRTC() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return CoreRTC;
+}(Subscribe));
 
 /**
  * rtc 类型
@@ -159,202 +263,231 @@ function uuid() {
         S4()).toLowerCase();
 }
 
-class BrowserRTC extends CoreRTC {
-    constructor(options) {
-        super();
-        this.type = RTCType.RealseeBrowserRTC;
-        this.joined = false;
-        this.micro = false;
-        this.voiceId = '';
-        this._getVoiceSign = () => {
+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 () {
             throw new Error('方法 getVoiceSign 未实现');
         };
-        this.$dom = document.createElement('div');
-        this._trtc = {
+        _this.$dom = document.createElement('div');
+        _this._trtc = {
             client: null,
             stream: null,
         };
-        this.join = async (options) => {
+        _this.join = function (options) { return __awaiter(_this, void 0, void 0, function () {
+            var createClientOptions, result;
+            var _this = this;
             var _a;
-            this.emit('joinWillStart');
-            const createClientOptions = await this._getVoiceSign({
-                voiceId: options.voiceId,
-                roomId: options.roomId,
-                userId: options.userId,
-            });
-            // 1.  创建client
-            this._trtc.client = TRTC.createClient({
-                mode: 'rtc',
-                ...createClientOptions,
-            });
-            (_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.enableAudioVolumeEvaluation();
-            // 2. 订阅事件
-            this._registerRtcEvent();
-            // 3. 加入语音房间
-            let result = await new Promise((resolve) => {
-                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 = await new Promise((resolve) => {
-                var _a;
-                (_a = this._trtc.stream) === null || _a === void 0 ? void 0 : _a.initialize().then(() => resolve(true)).catch(() => resolve(false));
-            });
-            // 6. 发布本地流
-            result = await new Promise((resolve) => {
-                var _a;
-                (_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.publish(this._trtc.stream).then(() => resolve(true)).catch(() => resolve(false));
+            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.joined = result;
-            if (this.joined)
-                this.emit('joined');
-            return result;
-        };
-        this._handleStreamAdded = (event) => {
+        }); };
+        _this._handleStreamAdded = function (event) {
             var _a;
-            const remoteStream = event.stream;
+            var 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 = (event) => {
-            const remoteStream = event.stream;
+        _this._handleStreamSubscribed = function (event) {
+            var remoteStream = event.stream;
             console.log('远端流订阅成功：' + remoteStream.getId());
-            const playId = remoteStream.getId();
-            const domId = `rs-rtc-remote_stream-${playId}`;
-            const dom = document.createElement('div');
+            var playId = remoteStream.getId();
+            var domId = "rs-rtc-remote_stream-".concat(playId);
+            var dom = document.createElement('div');
             dom.id = domId;
-            this.$dom.appendChild(dom);
+            _this.$dom.appendChild(dom);
             // 播放远端流
             remoteStream.play(domId);
         };
-        this._getVoiceSign = options.getVoiceSign;
-        this._initParentDom();
+        _this._getVoiceSign = options.getVoiceSign;
+        _this._initParentDom();
+        return _this;
     }
-    _initParentDom() {
-        this.$dom.id = `rs-rtc-${uuid()}`;
+    BrowserRTC.prototype._initParentDom = function () {
+        this.$dom.id = "rs-rtc-".concat(uuid());
         this.$dom.style.display = 'none';
         document.body.appendChild(this.$dom);
-    }
-    quit() {
-        return new Promise(async (resolve) => {
+    };
+    BrowserRTC.prototype.quit = function () {
+        var _this = this;
+        return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
+            var _this = this;
             var _a, _b;
-            this.joined = false;
-            if (this._trtc.stream) {
-                await ((_a = this._trtc.client) === null || _a === void 0 ? void 0 : _a.unpublish(this._trtc.stream));
-                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 };
+            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 };
             try {
                 navigator.mediaDevices
                     .getUserMedia(rule)
-                    .then(() => resolve(true))
-                    .catch(() => resolve(false));
+                    .then(function () { return resolve(true); })
+                    .catch(function () { return resolve(false); });
             }
             catch (e) {
                 console.error(e);
                 resolve(false);
             }
         });
-    }
-    toggleMicro(flag) {
+    };
+    BrowserRTC.prototype.toggleMicro = function (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);
-    }
-    shock() {
+    };
+    BrowserRTC.prototype.shock = function () {
         throw new Error('Method not implemented.');
-    }
-    _registerRtcEvent() {
+    };
+    BrowserRTC.prototype._registerRtcEvent = function () {
+        var _this = this;
         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', (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));
-    }
-}
+        (_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));
 
 /**
  * amazon-chime-sdk-js 适配的rtc实现
  */
-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 = () => {
+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 () {
             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 = () => {
-            this.$audio.id = `rs-rtc-${uuid()}`;
-            this.$dom.id = `rs-rtc-${uuid()}`;
-            this.$dom.appendChild(this.$audio);
-            document.body.appendChild(this.$dom);
+        _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.initObservers = () => {
+        _this.initObservers = function () {
             // 输入输出设备变化的监听器
-            this.deviceChangeObserver = {
-                audioInputsChanged: (freshAudioInputDeviceList) => {
+            _this.deviceChangeObserver = {
+                audioInputsChanged: function (freshAudioInputDeviceList) {
                     // An array of MediaDeviceInfo objects
-                    freshAudioInputDeviceList === null || freshAudioInputDeviceList === void 0 ? void 0 : freshAudioInputDeviceList.forEach((mediaDeviceInfo) => {
-                        this.logger.info(`Device ID: ${mediaDeviceInfo.deviceId} Microphone: ${mediaDeviceInfo.label}`);
+                    freshAudioInputDeviceList === null || freshAudioInputDeviceList === void 0 ? void 0 : freshAudioInputDeviceList.forEach(function (mediaDeviceInfo) {
+                        _this.logger.info("Device ID: ".concat(mediaDeviceInfo.deviceId, " Microphone: ").concat(mediaDeviceInfo.label));
                     });
                 },
-                audioOutputsChanged: (freshAudioOutputDeviceList) => {
-                    this.logger.info(`Audio outputs updated: ${freshAudioOutputDeviceList}`);
+                audioOutputsChanged: function (freshAudioOutputDeviceList) {
+                    _this.logger.info("Audio outputs updated: ".concat(freshAudioOutputDeviceList));
                 },
-                videoInputsChanged: (freshVideoInputDeviceList) => {
-                    this.logger.info(`Video inputs updated: ${freshVideoInputDeviceList}`);
+                videoInputsChanged: function (freshVideoInputDeviceList) {
+                    _this.logger.info("Video inputs updated: ".concat(freshVideoInputDeviceList));
                 },
-                audioInputMuteStateChanged: (device, muted) => {
-                    this.logger.info(`Device ${device.toString()}  ${muted ? 'is muted in hardware' : 'is not muted'}`);
+                audioInputMuteStateChanged: function (device, muted) {
+                    _this.logger.info("Device ".concat(device.toString(), "  ").concat(muted ? 'is muted in hardware' : 'is not muted'));
                 },
             };
             // 流变化监听器
-            this.audioVideoObserver = {
-                audioVideoDidStart: () => {
-                    this.logger.info('Started');
+            _this.audioVideoObserver = {
+                audioVideoDidStart: function () {
+                    _this.logger.info('Started');
                 },
-                audioVideoDidStop: (sessionStatus) => {
+                audioVideoDidStop: function (sessionStatus) {
                     // See the "Stopping a session" section for details.
-                    this.logger.info(`Stopped with a session status code: ${sessionStatus.statusCode()}`);
+                    _this.logger.info("Stopped with a session status code: ".concat(sessionStatus.statusCode()));
                 },
-                audioVideoDidStartConnecting: (reconnecting) => {
+                audioVideoDidStartConnecting: function (reconnecting) {
                     if (reconnecting) {
                         // e.g. the WiFi connection is dropped.
-                        this.logger.info('Attempting to reconnect');
+                        _this.logger.info('Attempting to reconnect');
                     }
                 },
             };
@@ -362,15 +495,15 @@ class BrowserRTC4Chime extends CoreRTC {
         /**
          * 注册rtc事件
          */
-        this._registerRtcEvent = () => {
+        _this._registerRtcEvent = function () {
             var _a, _b, _c, _d, _e, _f;
-            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) || '';
+            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) || '';
             if (presentAttendeeId) {
                 // 处理音量变化
-                const roster = new Map();
-                const getUserVolumes = () => {
-                    const result = [];
-                    roster.forEach((v, k) => {
+                var roster_1 = new Map();
+                var getUserVolumes_1 = function () {
+                    var result = [];
+                    roster_1.forEach(function (v, k) {
                         result.push({
                             userId: v.userId,
                             volume: v.muted || v.signalStrength === 0 || !Boolean(v.volume)
@@ -380,175 +513,208 @@ class BrowserRTC4Chime extends CoreRTC {
                     });
                     return result;
                 };
-                (_d = this.meetingSession) === null || _d === void 0 ? void 0 : _d.audioVideo.realtimeSubscribeToAttendeeIdPresence((presentAttendeeId, present, externalUserId) => {
+                (_d = _this.meetingSession) === null || _d === void 0 ? void 0 : _d.audioVideo.realtimeSubscribeToAttendeeIdPresence(function (presentAttendeeId, present, externalUserId) {
                     var _a;
                     if (!present) {
-                        roster.delete(presentAttendeeId);
-                        this.emit('userVolumes', getUserVolumes());
+                        roster_1.delete(presentAttendeeId);
+                        _this.emit('userVolumes', getUserVolumes_1());
                         return;
                     }
-                    (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeSubscribeToVolumeIndicator(presentAttendeeId, (attendeeId, volume, muted, signalStrength) => {
-                        const baseAttendeeId = new DefaultModality(attendeeId).base();
+                    (_a = _this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeSubscribeToVolumeIndicator(presentAttendeeId, function (attendeeId, volume, muted, signalStrength) {
+                        var 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.set(attendeeId, {
+                        roster_1.set(attendeeId, {
                             userId: externalUserId || attendeeId,
-                            volume,
-                            muted,
-                            signalStrength,
+                            volume: volume,
+                            muted: muted,
+                            signalStrength: signalStrength,
                         });
-                        this.emit('userVolumes', getUserVolumes());
+                        _this.emit('userVolumes', getUserVolumes_1());
                     });
                 });
                 // 弱网
-                (_e = this.meetingSession) === null || _e === void 0 ? void 0 : _e.audioVideo.realtimeSubscribeToVolumeIndicator(presentAttendeeId, (attendeeId, volume, muted, signalStrength) => {
-                    const baseAttendeeId = new DefaultModality(attendeeId).base();
+                (_e = _this.meetingSession) === null || _e === void 0 ? void 0 : _e.audioVideo.realtimeSubscribeToVolumeIndicator(presentAttendeeId, function (attendeeId, volume, muted, signalStrength) {
+                    var 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((error) => this.emit('error', error));
+                (_f = _this.meetingSession) === null || _f === void 0 ? void 0 : _f.audioVideo.realtimeSubscribeToFatalError(function (error) { return _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();
+        _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;
     }
     /**
      * 加入语音会议
      * @param options
      * @returns
      */
-    async join(options) {
-        return new Promise(async (success, fail) => {
-            var _a;
-            this.emit('joinWillStart');
-            try {
-                // 取签名
-                const { sdkAppId, userId, roomId, userSig } = await this._getVoiceSign({
-                    ...options,
-                    roomId: options.roomId || 0,
-                });
-                this.userId = userId;
-                const { attendence, vendor_wrapper, } = JSON.parse(decodeURIComponent(userSig));
-                // 初始化配置
-                const configuration = new MeetingSessionConfiguration({
-                    Meeting: vendor_wrapper,
-                }, {
-                    Attendee: {
-                        ExternalUserId: attendence.external_user_id,
-                        AttendeeId: attendence.attendee_id,
-                        JoinToken: attendence.join_token,
-                    },
-                });
-                // 初始化会议会话
-                this.meetingSession = new DefaultMeetingSession(configuration, this.logger, this.deviceController);
-                // 注册事件
-                this._registerRtcEvent();
-                // 绑定监听器
-                this.meetingSession.audioVideo.addDeviceChangeObserver(this.deviceChangeObserver);
-                this.meetingSession.audioVideo.addObserver(this.audioVideoObserver);
-                // 绑定播放器
-                this.meetingSession.audioVideo.bindAudioElement(this.$audio);
-                const observer = {
-                    audioVideoDidStart: () => {
-                        var _a;
-                        (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeMuteLocalAudio();
-                        this.joined = true;
-                        this.emit('joined');
-                        success(true);
-                    },
-                    audioVideoDidStop: () => {
-                        this.joined = false;
-                        success(false);
-                    },
-                };
-                this.meetingSession.audioVideo.addObserver(observer);
-                // 选择语音输入设备
-                const audioInputDevices = await this.deviceController.listAudioInputDevices(true);
-                const defaultAudioInput = audioInputDevices.find((device) => device.deviceId === 'default');
-                const otherAudioInput = audioInputDevices.find((device) => device.deviceId !== '');
-                this.audioInput = defaultAudioInput || otherAudioInput;
-                await this.meetingSession.audioVideo.chooseVideoInputDevice(null);
-                await this.meetingSession.audioVideo.chooseAudioInputDevice(((_a = this.audioInput) === null || _a === void 0 ? void 0 : _a.deviceId) || 'default');
-                this.meetingSession.audioVideo.start();
-            }
-            catch (e) {
-                this.emit('error', e);
-                this.logger.error(e.message);
-                success(false);
-            }
+    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*/];
+                            }
+                        });
+                    }); })];
+            });
         });
-    }
-    quit() {
-        return new Promise((success, fail) => {
+    };
+    BrowserRTC4Chime.prototype.quit = function () {
+        var _this = this;
+        if (!this.joined)
+            return Promise.resolve(true);
+        return new Promise(function (success, fail) {
             var _a, _b;
-            this.joined = false;
-            const observer = {
-                audioVideoDidStop: (sessionStatus) => {
-                    const sessionStatusCode = sessionStatus.statusCode();
+            _this.joined = false;
+            var observer = {
+                audioVideoDidStop: function (sessionStatus) {
+                    var 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: ${sessionStatusCode}`);
+                        _this.logger.info("Stopped with a session status code: ".concat(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();
         });
-    }
-    async detectMicro() {
-        return new Promise((resolve) => {
-            const rule = { audio: true, video: false };
-            try {
-                navigator.mediaDevices
-                    .getUserMedia(rule)
-                    .then(() => resolve(true))
-                    .catch(() => resolve(false));
-            }
-            catch (e) {
-                this.logger.error(e.message);
-                resolve(false);
-            }
+    };
+    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);
+                        }
+                    })];
+            });
         });
-    }
-    async toggleMicro(flag) {
+    };
+    BrowserRTC4Chime.prototype.toggleMicro = function (flag) {
         var _a, _b, _c;
-        if (flag) {
-            (_a = this.meetingSession) === null || _a === void 0 ? void 0 : _a.audioVideo.realtimeUnmuteLocalAudio();
-        }
-        else {
-            (_b = this.meetingSession) === null || _b === void 0 ? void 0 : _b.audioVideo.realtimeMuteLocalAudio();
-        }
-        const muted = (_c = this.meetingSession) === null || _c === void 0 ? void 0 : _c.audioVideo.realtimeIsLocalAudioMuted();
-        if (muted !== undefined) {
-            return flag !== muted;
-        }
-        else {
-            return false;
-        }
-    }
-    shock() {
+        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];
+                }
+                else {
+                    return [2 /*return*/, false];
+                }
+            });
+        });
+    };
+    BrowserRTC4Chime.prototype.shock = function () {
         throw new Error('Method not implemented.');
-    }
-}
+    };
+    return BrowserRTC4Chime;
+}(CoreRTC));
 
 /**
  * rtc加入返回值code枚举
@@ -573,75 +739,122 @@ var RTCJoinedInfoCodeEnum;
     RTCJoinedInfoCodeEnum[RTCJoinedInfoCodeEnum["NoMicroPermission"] = 3] = "NoMicroPermission";
 })(RTCJoinedInfoCodeEnum || (RTCJoinedInfoCodeEnum = {}));
 
-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);
+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);
         });
-        this.jsBridge.callAndListen('live/weakNetwork', (weakNetwork) => {
+        _this.jsBridge.callAndListen('live/weakNetwork', function (weakNetwork) {
             if (weakNetwork)
-                this.emit('weakNetwork');
+                _this.emit('weakNetwork');
         });
+        return _this;
     }
-    get jsBridge() {
-        return this.options.jsBridge;
-    }
-    async join(options) {
-        this.emit('joinWillStart');
-        const { sdkAppId, userId, userSig } = await this.options.getVoiceSign(options);
-        this.type = options.type;
-        const [res, error] = await this.jsBridge.callAndBackfeed(`live/join?sdkAppID=${sdkAppId}&userID=${userId}&roomID=${Number(options.voiceId)}&userSig=${userSig}`);
-        if (!res) {
-            this.emit('error', error ? error : new Error('加入房间失败：未知异常。'));
-            this.joined = false;
-        }
-        else {
-            if (res.code === RTCJoinedInfoCodeEnum.Success) {
-                this.emit('joined');
-                this.joined = true;
-            }
-            else {
-                this.emit('error', res);
-                this.joined = false;
-            }
-        }
-        return this.joined;
-    }
-    async quit() {
-        const [res, error] = await this.jsBridge.callAndBackfeed('live/quit');
-        if (res === null) {
-            this.emit('error', error ? error : new Error('退出房间失败：未知异常。'));
-        }
-        this.joined = false;
-        return !!res;
-    }
-    async detectMicro() {
-        const [res, error] = await this.jsBridge.detectMicro();
-        if (res === null) {
-            this.emit('error', error ? error : new Error('麦克风监测异常！'));
-            return false;
-        }
-        return res;
-    }
-    async toggleMicro(flag) {
-        const [res, error] = await this.jsBridge.callAndBackfeed(`live/toggleMicro?flag=${!!flag ? 1 : 0}`);
-        if (res === null) {
-            this.emit('error', error ? error : new Error('麦克风监测异常！'));
-            return false;
-        }
-        this.micro = res;
-        return res;
-    }
-    shock() {
+    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];
+                }
+            });
+        });
+    };
+    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];
+                }
+            });
+        });
+    };
+    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];
+                }
+            });
+        });
+    };
+    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];
+                }
+            });
+        });
+    };
+    VRWebViewRTC.prototype.shock = function () {
         this.jsBridge.shock(1);
-    }
-}
+    };
+    return VRWebViewRTC;
+}(CoreRTC));
 
 /**
  * WebSocket 通信指令
@@ -726,8 +939,8 @@ var MicroStatus;
  */
 function parseLiveMsg(jsonTxt) {
     try {
-        const msg = JSON.parse(jsonTxt);
-        const resMsg = {
+        var msg = JSON.parse(jsonTxt);
+        var resMsg_1 = {
             code: msg.code,
             message: msg.message,
             command: msg.command,
@@ -738,11 +951,11 @@ function parseLiveMsg(jsonTxt) {
             triggerUserID: msg.trigger_user_id,
             data: msg.data || {},
         };
-        const undefinedKeys = Object.keys(resMsg).filter((key) => resMsg[key] === undefined);
+        var undefinedKeys = Object.keys(resMsg_1).filter(function (key) { return resMsg_1[key] === undefined; });
         if (undefinedKeys.length > 0) {
-            console.warn(`推送数据格式异常：${undefinedKeys.join(" ")} 值不存在！`);
+            console.warn("\u63A8\u9001\u6570\u636E\u683C\u5F0F\u5F02\u5E38\uFF1A".concat(undefinedKeys.join(" "), " \u503C\u4E0D\u5B58\u5728\uFF01"));
         }
-        return resMsg;
+        return resMsg_1;
     }
     catch (error) {
         // notcare? 过滤掉所有不符合规范的数据
@@ -880,16 +1093,19 @@ function parseWSClsErr(code) {
 }
 
 function appendUri(uri, query) {
-    const hasQuery = uri.indexOf('?') !== -1;
-    const newQuery = Object.keys(query).reduce((accu, curr, idx) => `${accu}${(idx === 0 && !hasQuery) ? '?' : '&'}${curr}=${query[curr]}`, '');
+    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]);
+    }, '');
     return uri + newQuery;
 }
 
-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);
+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);
 
 /**
  * 判断是否是真实的对象类型
@@ -921,12 +1137,12 @@ function baseIsEqual(value, other) {
  * @returns
  */
 function objEqualShallow(value, other) {
-    const valueProps = Object.getOwnPropertyNames(value);
-    const otherProps = Object.getOwnPropertyNames(other);
+    var valueProps = Object.getOwnPropertyNames(value);
+    var otherProps = Object.getOwnPropertyNames(other);
     if (valueProps.length !== otherProps.length)
         return false;
-    for (let i = 0, len = valueProps.length; i < len; i++) {
-        const propName = valueProps[i];
+    for (var i = 0, len = valueProps.length; i < len; i++) {
+        var propName = valueProps[i];
         if (!baseIsEqual(value[propName], other[propName]))
             return false;
     }
@@ -941,7 +1157,7 @@ function objEqualShallow(value, other) {
 function arrayEqualShallow(value, other) {
     if (value.length !== other.length)
         return false;
-    for (let i = 0, len = value.length; i < len; i++) {
+    for (var i = 0, len = value.length; i < len; i++) {
         if (!baseIsEqual(value[i], other[i]))
             return false;
     }
@@ -986,7 +1202,7 @@ function isDeepEqual(value, other) {
 function arrayEqualDeep(value, other) {
     if (value.length !== other.length)
         return false;
-    for (let i = 0, len = value.length; i < len; i++) {
+    for (var i = 0, len = value.length; i < len; i++) {
         if (!isDeepEqual(value[i], other[i]))
             return false;
     }
@@ -999,12 +1215,12 @@ function arrayEqualDeep(value, other) {
  * @returns
  */
 function objEqualDeep(value, other) {
-    const valueProps = Object.getOwnPropertyNames(value);
-    const otherProps = Object.getOwnPropertyNames(other);
+    var valueProps = Object.getOwnPropertyNames(value);
+    var otherProps = Object.getOwnPropertyNames(other);
     if (valueProps.length !== otherProps.length)
         return false;
-    for (let i = 0, len = valueProps.length; i < len; i++) {
-        const propName = valueProps[i];
+    for (var i = 0, len = valueProps.length; i < len; i++) {
+        var propName = valueProps[i];
         if (!isDeepEqual(value[propName], other[propName]))
             return false;
     }
@@ -1018,13 +1234,15 @@ 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);
 }
 
-class LiveController {
-    constructor(options) {
+var LiveController = /** @class */ (function () {
+    function LiveController(options) {
+        var _this = this;
         this.readyState = WebSocketState.NOTINITIALIZED;
         this.canSync = true;
         this.connecting = false;
@@ -1032,56 +1250,56 @@ class LiveController {
         /**
          * 检测 WebSocket.readyState 状态
          */
-        this.checkReadyState = (live) => {
+        this.checkReadyState = function (live) {
             do {
-                if (!this.webSocket) {
-                    if (this.readyState !== WebSocketState.NOTINITIALIZED) {
-                        this.readyState = WebSocketState.NOTINITIALIZED;
-                        live.emit('ws.readyStateUpdate', this.readyState);
+                if (!_this.webSocket) {
+                    if (_this.readyState !== WebSocketState.NOTINITIALIZED) {
+                        _this.readyState = WebSocketState.NOTINITIALIZED;
+                        live.emit('ws.readyStateUpdate', _this.readyState);
                     }
                     break;
                 }
-                const readyState = this.webSocket.readyState;
-                if (readyState !== this.readyState) {
-                    this.readyState = readyState;
-                    live.emit('ws.readyStateUpdate', this.readyState);
+                var readyState = _this.webSocket.readyState;
+                if (readyState !== _this.readyState) {
+                    _this.readyState = readyState;
+                    live.emit('ws.readyStateUpdate', _this.readyState);
                 }
             } while (false);
-            return this.readyState;
+            return _this.readyState;
         };
-        this.dispose = () => {
-            this.disposeWebSocket();
-            this.connecting = false;
-            if (this.healthCheckId) {
-                clearInterval(this.healthCheckId);
-                this.healthCheckId = undefined;
+        this.dispose = function () {
+            _this.disposeWebSocket();
+            _this.connecting = false;
+            if (_this.healthCheckId) {
+                clearInterval(_this.healthCheckId);
+                _this.healthCheckId = undefined;
             }
             return true;
         };
         /**
          * 销毁WebSocket相关依赖。
          */
-        this.disposeWebSocket = () => {
-            if (!this.webSocket)
+        this.disposeWebSocket = function () {
+            if (!_this.webSocket)
                 return;
-            if (this.onEvtOpnListener) {
-                this.webSocket.removeEventListener('open', this.onEvtOpnListener);
-                this.onEvtOpnListener = undefined;
+            if (_this.onEvtOpnListener) {
+                _this.webSocket.removeEventListener('open', _this.onEvtOpnListener);
+                _this.onEvtOpnListener = undefined;
             }
-            if (this.onEvtMsgListener) {
-                this.webSocket.removeEventListener('message', this.onEvtMsgListener);
-                this.onEvtMsgListener = undefined;
+            if (_this.onEvtMsgListener) {
+                _this.webSocket.removeEventListener('message', _this.onEvtMsgListener);
+                _this.onEvtMsgListener = undefined;
             }
-            if (this.onEvtErrListener) {
-                this.webSocket.removeEventListener('error', this.onEvtErrListener);
-                this.onEvtErrListener = undefined;
+            if (_this.onEvtErrListener) {
+                _this.webSocket.removeEventListener('error', _this.onEvtErrListener);
+                _this.onEvtErrListener = undefined;
             }
-            if (this.onEvtCLEListener) {
-                this.webSocket.removeEventListener('close', this.onEvtCLEListener);
-                this.onEvtCLEListener = undefined;
+            if (_this.onEvtCLEListener) {
+                _this.webSocket.removeEventListener('close', _this.onEvtCLEListener);
+                _this.onEvtCLEListener = undefined;
             }
-            this.webSocket.close();
-            this.webSocket = undefined;
+            _this.webSocket.close();
+            _this.webSocket = undefined;
             return true;
         };
         this.options = Object.assign({ autoConnect: true, healthCheck: 3000 }, options);
@@ -1091,16 +1309,17 @@ class LiveController {
      * @param liveMsg
      * @param live
      */
-    handleMessage(liveMsg, live) {
+    LiveController.prototype.handleMessage = function (liveMsg, live) {
+        var _this = this;
         var _a, _b, _c;
-        const { command, data, frontRequestId, code, message } = liveMsg;
+        var command = liveMsg.command, data = liveMsg.data, frontRequestId = liveMsg.frontRequestId, code = liveMsg.code;
         if (code === 'SUCCESS') {
             switch (command) {
                 /**
                  * 自己的状态变化
                  */
                 case Command.SelfUserInfo: {
-                    const selfInfo = data;
+                    var selfInfo = data;
                     if (equal(this.selfUserInfo, selfInfo, { deep: true }))
                         return;
                     this.selfUserInfo = selfInfo;
@@ -1111,7 +1330,7 @@ class LiveController {
                  * 房间信息变化
                  */
                 case Command.RoomInfo: {
-                    const roomInfo = data;
+                    var roomInfo = data;
                     this.roomInfo = Object.assign({}, roomInfo);
                     live.emit('readyKeyframeSync', (roomInfo.last_frame || {}));
                     break;
@@ -1120,16 +1339,16 @@ class LiveController {
                  * 语音信息变化
                  */
                 case Command.RTCInfo: {
-                    const { voice_id: voiceId, type } = data;
+                    var _d = data, voiceId = _d.voice_id, type = _d.type;
                     /* 如果已经进入语音房间，则不重复进入 --> "RTCInfo" 指令可能会下发多次 */
                     if (live.$RTC.joined) {
                         break;
                     }
                     live.$RTC.join({
-                        voiceId,
+                        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: type,
                     });
                     // 加入房间后 麦克风默认就开启了：需要发个指令。
                     live.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
@@ -1141,7 +1360,7 @@ class LiveController {
                  * 房间用户列表变化
                  */
                 case Command.UserList: {
-                    const userList = data;
+                    var userList = data;
                     this.userList = userList;
                     live.emit('userListUpdate', this.userList, frontRequestId);
                     break;
@@ -1150,7 +1369,7 @@ class LiveController {
                  * 自定义事件广播
                  */
                 case Command.CustomEvent: {
-                    const evtMsg = data;
+                    var evtMsg = data;
                     live.emit('broadcast', evtMsg, frontRequestId);
                     break;
                 }
@@ -1158,21 +1377,22 @@ class LiveController {
                  * 帧数据同步
                  */
                 case Command.KeyframeSync: {
-                    const remoteKeyframes = data;
+                    var remoteKeyframes_1 = data;
                     // 此处做一层 diff，仅跟本地数据不一致的情况下才广播数据。
-                    const keyframes = Object.keys(remoteKeyframes).reduce((accu, curr) => {
-                        if (equal(remoteKeyframes[curr], this.keyframes[curr], { deep: true })) {
+                    var keyframes = Object.keys(remoteKeyframes_1).reduce(function (accu, curr) {
+                        var _a;
+                        if (equal(remoteKeyframes_1[curr], _this.keyframes[curr], { deep: true })) {
                             return accu;
                         }
-                        const params = [
-                            remoteKeyframes[curr],
-                            this.keyframes[curr],
+                        var params = [
+                            remoteKeyframes_1[curr],
+                            _this.keyframes[curr],
                             frontRequestId,
                         ];
-                        const evtName = curr;
-                        live.keyframes.emit(evtName, ...params);
-                        this.keyframes[curr] = remoteKeyframes[curr];
-                        accu[curr] = remoteKeyframes[curr];
+                        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);
@@ -1182,7 +1402,7 @@ class LiveController {
                  * 内置消息
                  */
                 case Command.BuiltinMsg: {
-                    const builtinMsg = data;
+                    var builtinMsg = data;
                     live.emit('builtinEvent', builtinMsg);
                     if (builtinMsg.event_type === BuiltinEventType.UserChange) {
                         live.emit('userChange', builtinMsg);
@@ -1225,27 +1445,31 @@ class LiveController {
         else {
             live.emit('error', liveMsg);
         }
-    }
+    };
     /**
      * 发送数据
      * @param data
      */
-    sendMessage(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;
+}());
 
-const unimplementedGetVoiceSign = (params) => Promise.reject('unimplemented method GetVoiceSign');
+var unimplementedGetVoiceSign = function (params) {
+    return Promise.reject('unimplemented method GetVoiceSign');
+};
 /**
  * 创建 `live` 实例。
  */
 function createLive(options) {
-    const liveController = new LiveController(options);
-    const createLiveMsg = (command, data = {}, toUserIds) => {
+    var liveController = new LiveController(options);
+    var createLiveMsg = function (command, data, toUserIds) {
+        if (data === void 0) { data = {}; }
         toUserIds = toUserIds
             ? Array.isArray(toUserIds)
                 ? toUserIds
@@ -1253,14 +1477,16 @@ function createLive(options) {
             : [];
         if (toUserIds)
             data['to_user_ids'] = toUserIds;
-        return { command, front_request_id: uuid(), data };
+        return { command: command, front_request_id: uuid(), data: data };
     };
-    class LiveTpl extends Subscribe {
-        constructor() {
+    var LiveTpl = /** @class */ (function (_super) {
+        __extends(LiveTpl, _super);
+        function LiveTpl() {
+            var _this = this;
             var _a, _b;
-            super();
-            this.keyframes = new Subscribe();
-            const jsBridge = (() => {
+            _this = _super.call(this) || this;
+            _this.keyframes = new Subscribe();
+            var jsBridge = (function () {
                 if (options.jsBridge)
                     return options.jsBridge;
                 if (options.useBuiltInJsBridge)
@@ -1275,7 +1501,7 @@ function createLive(options) {
                     if (!options.getVoiceSign) {
                         throw new Error('GetVoiceSign method must be passed when using built-in RTC instances');
                     }
-                    const getVoiceSign = (_a = options.getVoiceSign) !== null && _a !== void 0 ? _a : unimplementedGetVoiceSign;
+                    var getVoiceSign = (_a = options.getVoiceSign) !== null && _a !== void 0 ? _a : unimplementedGetVoiceSign;
                     switch (options.rtcType) {
                         case RTCType.RealseeVRWebViewRTC: {
                             // 内置的 VRWebViewRTC
@@ -1283,15 +1509,15 @@ function createLive(options) {
                                 throw new Error('JsBridge instance must be passed when using built-in VRWebViewRTC instances');
                             }
                             liveController.options.rtc = new VRWebViewRTC({
-                                jsBridge,
-                                getVoiceSign,
+                                jsBridge: jsBridge,
+                                getVoiceSign: getVoiceSign,
                             });
                             break;
                         }
                         case RTCType.RealseeBrowserChimeRTC: {
                             // 内置的 RealseeBrowserChimeRTC
                             liveController.options.rtc = new BrowserRTC4Chime({
-                                getVoiceSign,
+                                getVoiceSign: getVoiceSign,
                                 logLevel: options.__debug__ ? LogLevel.DEBUG : LogLevel.ERROR,
                             });
                             break;
@@ -1299,7 +1525,7 @@ function createLive(options) {
                         case RTCType.RealseeBrowserRTC: {
                             // 内置的 RealseeBrowserRTC
                             liveController.options.rtc = new BrowserRTC({
-                                getVoiceSign,
+                                getVoiceSign: getVoiceSign,
                             });
                             break;
                         }
@@ -1313,23 +1539,23 @@ function createLive(options) {
                     if (!options.getVoiceSign) {
                         throw new Error('GetVoiceSign method must be passed when using built-in RTC instances');
                     }
-                    const getVoiceSign = (_b = options.getVoiceSign) !== null && _b !== void 0 ? _b : unimplementedGetVoiceSign;
+                    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,
-                            getVoiceSign,
+                            jsBridge: jsBridge,
+                            getVoiceSign: getVoiceSign,
                         });
                     }
                     else {
                         // 其它终端使用
                         liveController.options.rtc =
                             options.builtInRTCType === BuiltInRTCType.RealseeXChimeRTC
-                                ? new BrowserRTC4Chime({ getVoiceSign })
-                                : new BrowserRTC({ getVoiceSign });
+                                ? new BrowserRTC4Chime({ getVoiceSign: getVoiceSign })
+                                : new BrowserRTC({ getVoiceSign: getVoiceSign });
                     }
                 }
             }
@@ -1338,283 +1564,407 @@ function createLive(options) {
             }
             // 默认自动连接
             if (liveController.options.url && liveController.options.getTicket) {
-                this.connect();
+                _this.connect();
             }
             // 健康检查：WHY --> 在某些WebView特殊场景下 WebSocket.readyState 发生变化时不会出发error\close等事件;
             //         因此，开启一个定时任务监测 WebSocket.readyState 状态的更新
-            const healthCheck = ((healthCheck) => {
+            var healthCheck = (function (healthCheck) {
                 if (!healthCheck)
                     return 0;
                 if (healthCheck === true)
                     return 3000;
-                const duration = Number(healthCheck);
+                var duration = Number(healthCheck);
                 if (duration > 0)
                     return duration;
                 return 3000;
             })(liveController.options.healthCheck);
             if (healthCheck) {
-                liveController.healthCheckId = setInterval(() => liveController.checkReadyState(this), healthCheck);
-            }
-        }
-        get options() {
-            return Object.freeze(Object.assign({}, liveController.options));
-        }
-        get readyState() {
-            liveController.checkReadyState(this);
-            return liveController.readyState;
-        }
-        get url() {
-            var _a;
-            return ((_a = liveController.webSocket) === null || _a === void 0 ? void 0 : _a.url) || '';
-        }
-        get selfInfo() {
-            return liveController.selfUserInfo;
-        }
-        get userList() {
-            return liveController.userList || [];
-        }
-        get snapshot() {
-            return liveController.keyframes || {};
-        }
-        get $RTC() {
-            return liveController.options.rtc;
-        }
-        get jsBridge() {
-            return liveController.options.jsBridge;
-        }
-        async setSelfInfo(userInfo) {
-            if (this.readyState !== WebSocketState.OPEN) {
-                return new Error('The connection is not open and ready to communicate.');
-            }
-            try {
-                return await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserInfo, userInfo);
-            }
-            catch (error) {
-                return error;
+                liveController.healthCheckId = setInterval(function () { return liveController.checkReadyState(_this); }, healthCheck);
             }
+            return _this;
         }
-        getFramesByKey(key) {
+        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
+        });
+        Object.defineProperty(LiveTpl.prototype, "selfInfo", {
+            get: function () {
+                return liveController.selfUserInfo;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(LiveTpl.prototype, "userList", {
+            get: function () {
+                return liveController.userList || [];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(LiveTpl.prototype, "snapshot", {
+            get: function () {
+                return liveController.keyframes || {};
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(LiveTpl.prototype, "$RTC", {
+            get: function () {
+                return liveController.options.rtc;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(LiveTpl.prototype, "jsBridge", {
+            get: function () {
+                return liveController.options.jsBridge;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        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];
-        }
-        sendKeyframe(key, frame) {
+        };
+        LiveTpl.prototype.sendKeyframe = function (key, frame) {
             if (this.readyState !== WebSocketState.OPEN) {
                 return new Error('The connection is not open and ready to communicate.');
             }
             liveController.keyframes[key] = frame;
-            const liveMsg = createLiveMsg(Command.KeyframeSync, this.snapshot);
+            var liveMsg = createLiveMsg(Command.KeyframeSync, this.snapshot);
             liveController.sendMessage(liveMsg);
             return true;
-        }
-        broadcast(data, toUserIds, timeout) {
+        };
+        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.');
             }
-            return new Promise((resolve, reject) => {
-                const customEvent = createLiveMsg(Command.CustomEvent, data, toUserIds);
-                const front_request_id = customEvent.front_request_id;
+            return new Promise(function (resolve, reject) {
+                var customEvent = createLiveMsg(Command.CustomEvent, data, toUserIds);
+                var front_request_id = customEvent.front_request_id;
                 liveController.sendMessage(customEvent);
-                const timeoutId = timeout
-                    ? setTimeout(() => {
+                var timeoutId = timeout
+                    ? setTimeout(function () {
                         reject(new Error('RESPONSE TIMEOUT'));
-                        this.off('broadcast', broadcast);
+                        _this.off('broadcast', broadcast);
                     }, timeout)
                     : undefined;
-                const broadcast = (data, frontRequestId) => {
+                var broadcast = function (data, frontRequestId) {
                     if (frontRequestId !== front_request_id)
                         return;
-                    this.off('broadcast', broadcast);
+                    _this.off('broadcast', broadcast);
                     resolve(data);
                     if (timeoutId)
                         clearInterval(timeoutId);
                 };
-                this.on('broadcast', broadcast);
+                _this.on('broadcast', broadcast);
             });
-        }
-        async updateStatus(evtType, atnType, status, toUserIds) {
-            // TODO 统一规则，不能联合类型
-            if (this.readyState !== WebSocketState.OPEN) {
-                return false;
-            }
-            const data = Object.assign({ event_type: evtType, action: atnType }, { data: status });
-            const liveMsg = createLiveMsg(Command.BuiltinMsg, data, toUserIds);
-            liveController.sendMessage(liveMsg);
-            return true;
-        }
+        };
+        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];
+                });
+            });
+        };
         // 仅用于用户自己的麦克风控制
-        async toggleMicro(microStatus) {
+        LiveTpl.prototype.toggleMicro = function (microStatus) {
             var _a, _b;
-            if (!((_b = (_a = this.selfInfo) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.control_own_micro))
-                return false;
-            await this.$RTC.toggleMicro(microStatus);
-            return await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
-                status: microStatus ? MicroStatus.OPEN : MicroStatus.CLOSE,
-            }, []);
-        }
-        async forbidMicro(microStatus, toUserIds) {
+            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()];
+                    }
+                });
+            });
+        };
+        LiveTpl.prototype.forbidMicro = function (microStatus, toUserIds) {
             var _a, _b;
-            if (liveController.options.canForbidUserMicro &&
-                !liveController.options.canForbidUserMicro(toUserIds)) {
-                return false;
-            }
-            if (!((_b = (_a = this.selfInfo) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.control_other_micro)) {
-                return false;
-            }
-            return await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserMicroStatus, {
-                status: microStatus,
-            }, toUserIds);
-        }
+            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()];
+                    }
+                });
+            });
+        };
         /**
          * @deprecated 暂不可用
          */
-        async forbidSync(sync, toUserIds) {
+        LiveTpl.prototype.forbidSync = function (sync, toUserIds) {
             var _a, _b;
-            if (liveController.options.canForbidUserSync &&
-                !liveController.options.canForbidUserSync(toUserIds)) {
-                return false;
-            }
-            if (!((_b = (_a = this.selfInfo) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.control_other_sync)) {
-                return false;
-            }
-            return await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserPermission, { sync_frame: sync }, toUserIds);
-        }
-        async kick(toUserIds) {
+            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()];
+                    }
+                });
+            });
+        };
+        LiveTpl.prototype.kick = function (toUserIds) {
             var _a, _b;
-            if (liveController.options.canForbidUserKick &&
-                !liveController.options.canForbidUserKick(toUserIds)) {
-                return false;
-            }
-            if (!((_b = (_a = this.selfInfo) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.change_other_status)) {
-                return false;
-            }
-            return await this.updateStatus(BuiltinEventType.UserChange, BuiltinActionType.UserStatus, {
-                status: 'KICK_OUT',
-            }, toUserIds);
-        }
-        async exit() {
-            /** 退出强制关闭语音(?) */
-            await this.$RTC.quit();
-            await this.updateStatus(BuiltinEventType.RoomChange, BuiltinActionType.RoomClose, {});
-            return liveController.dispose();
-        }
-        async connect(options = {}) {
-            // 连接 WebSocket 前验证麦克风权限
-            const microAuth = await this.$RTC.detectMicro();
-            if (!microAuth) {
-                const error = new Error('系统监测麦克风未授权~');
-                this.emit('ws.error', { type: WebSocketErrorType.MicroAuth, error });
-                return error;
-            }
-            // WebSocket 正在连接中，规避重复连接
-            if (liveController.connecting) {
-                const error = new Error('WebSocket 正在连接中，请勿重复连接 ...');
-                this.emit('ws.error', {
-                    type: WebSocketErrorType.DuplicateConnect,
-                    error,
+            return __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()];
+                    }
                 });
-                return error;
-            }
-            // 非强制连接场景下，如果已经完成 WebSocket 连接则不执行后续逻辑
-            const { force } = options;
-            if (!force) {
-                if (this.readyState === WebSocketState.CONNECTING ||
-                    this.readyState === WebSocketState.OPEN) {
-                    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')) {
-                const error = new Error(`WebSocket URL 未配置或格式不合法："${liveController.options.url}"`);
-                this.emit('ws.error', { type: WebSocketErrorType.IllegalURL, error });
-                return error;
-            }
-            if (!liveController.options.getTicket) {
-                const error = new Error(`getTicket() 未配置!`);
-                this.emit('ws.error', { type: WebSocketErrorType.IllegalArgs, error });
-                return error;
-            }
-            // 连接锁
-            liveController.connecting = true;
-            // 连接前销毁之前绑定的事件
-            liveController.disposeWebSocket();
-            this.emit('ws.beforeConnect');
-            const url = force || options.url || !this.url
-                ? appendUri(liveController.options.url, {
-                    ticket: await liveController.options.getTicket(),
-                    force: Number(!!force),
-                })
-                : this.url;
-            liveController.webSocket = new WebSocket(url);
-            liveController.onEvtOpnListener = () => {
-                liveController.checkReadyState(this);
-                this.emit('ws.afterConnect');
-            };
-            liveController.onEvtMsgListener = (evt) => {
-                liveController.checkReadyState(this);
-                try {
-                    const liveMsg = parseLiveMsg(evt.data);
-                    if (liveMsg === false)
-                        return;
-                    liveController.handleMessage(liveMsg, this);
-                }
-                catch (error) {
-                    // 未知错误
-                    this.emit('ws.error', {
-                        type: WebSocketErrorType.Unknown,
-                        error,
-                        target: evt,
-                    });
-                }
-            };
-            liveController.onEvtErrListener = (evt) => {
-                live.emit('ws.error', { type: WebSocketErrorType.Error, target: evt });
-                liveController.checkReadyState(this);
-            };
-            liveController.onEvtCLEListener = (evt) => {
-                liveController.checkReadyState(this);
-                const code = Number(evt.code);
-                if (code === 1000)
-                    return;
-                // 异常退出不一定会触发'error'事件，根据 evt.code 一些类型的退出也算是 error 行为
-                const errMsg = parseWSClsErr(code);
-                live.emit('ws.error', {
-                    target: evt,
-                    type: WebSocketErrorType.Close,
-                    closeError: errMsg,
+            });
+        };
+        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()];
+                    }
                 });
-            };
-            liveController.webSocket.addEventListener('open', liveController.onEvtOpnListener);
-            liveController.webSocket.addEventListener('message', liveController.onEvtMsgListener);
-            liveController.webSocket.addEventListener('error', liveController.onEvtErrListener);
-            liveController.webSocket.addEventListener('close', liveController.onEvtCLEListener);
-            return await new Promise((resolve, reject) => {
-                const success = () => {
-                    resolve(true);
-                    liveController.connecting = false;
-                    this.off('ws.error', fail);
-                };
-                const fail = (error) => {
-                    reject(error.error
-                        ? error.error
-                        : new Error('WebSocket connection failed!'));
-                    liveController.connecting = false;
-                    this.off('ws.afterConnect', success);
-                };
-                this.once('ws.afterConnect', success);
-                this.once('ws.error', fail);
             });
-        }
-        async revoke() {
-            return true;
-        }
-    }
-    const live = new LiveTpl();
+        };
+        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()];
+                    }
+                });
+            });
+        };
+        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 });
@@ -1627,14 +1977,14 @@ function createLive(options) {
  * 创建 {@link LiveReact} 实例，并提供 `React` 技术栈相关工具链。
  */
 function createLiveReact(options) {
-    const LiveContext = React.createContext(null);
-    const live = createLive(options);
-    const jsBridge = live.jsBridge;
+    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() {
-        const context = React.useContext(LiveContext);
+        var context = React.useContext(LiveContext);
         if (!context)
             throw new Error('LiveProvider never found.');
         return context;
@@ -1647,7 +1997,7 @@ function createLiveReact(options) {
         return useLiveInstance();
     }
     function useRTCInstance() {
-        const live = useLiveInstance();
+        var live = useLiveInstance();
         return live.$RTC;
     }
     /**
@@ -1658,76 +2008,93 @@ function createLiveReact(options) {
         return useRTCInstance();
     }
     function useConnect() {
-        const live = useLiveInstance();
-        return async (options) => await live.connect(options);
+        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() {
-        const live = useLiveInstance();
-        const [state, setState] = React.useState(undefined);
-        React.useEffect(() => {
-            const onWSBeforeConnect = () => setState(live.url);
+        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 () => live.off('ws.beforeConnect', onWSBeforeConnect);
+            return function () { return live.off('ws.beforeConnect', onWSBeforeConnect); };
         }, [live]);
         return state;
     }
-    function useKeyframeUpdateCallback(name, callback, deps = []) {
-        const live = useLiveInstance();
-        const dependencyList = [live, name, ...deps];
-        const dispose = () => live.keyframes.off(name, callback);
-        React.useEffect(() => {
+    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);
             return dispose;
         }, dependencyList);
         return dispose;
     }
     function useLiveAction() {
-        const live = useLiveInstance();
-        const toggleMicro = React.useCallback((microStatus) => live.toggleMicro(microStatus), [live]);
-        const broadcast = React.useCallback((data, toUserIds, timeout = 0) => live.broadcast(data, toUserIds, timeout), [live]);
-        const exit = React.useCallback(() => live.exit(), [live]);
-        const kick = React.useCallback((toUserIds) => live.kick(toUserIds), [live]);
-        const forbidMicro = React.useCallback((micro, toUserIds) => live.forbidMicro(micro, toUserIds), [live]);
+        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],
         // );
-        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]);
+        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]);
         return {
-            broadcast,
-            exit,
-            kick,
-            toggleMicro,
-            forbidMicro,
+            broadcast: broadcast,
+            exit: exit,
+            kick: kick,
+            toggleMicro: toggleMicro,
+            forbidMicro: forbidMicro,
             // forbidSync,
-            sendKeyframe,
-            getFramesByKey,
-            setSelfInfo,
-            updateStatus,
+            sendKeyframe: sendKeyframe,
+            getFramesByKey: getFramesByKey,
+            setSelfInfo: setSelfInfo,
+            updateStatus: updateStatus,
         };
     }
     function useKeyframe(key) {
-        const live = useLiveInstance();
-        const [state, updateState] = React.useState(live.getFramesByKey(key));
-        React.useEffect(() => {
-            const onUpdate = (nextKeyframes) => updateState(nextKeyframes);
-            const evtName = key;
-            const callback = onUpdate;
+        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;
             live.keyframes.on(evtName, callback);
-            return () => live.keyframes.off(evtName, callback);
+            return function () { return live.keyframes.off(evtName, callback); };
         }, [live]);
-        const setState = React.useCallback((frame) => live.sendKeyframe(key, frame), [live]);
+        var setState = React.useCallback(function (frame) { return live.sendKeyframe(key, frame); }, [live]);
         return [state, setState];
     }
-    function useLiveEventCallback(name, callback, deps = []) {
-        const live = useLiveInstance();
-        const dispose = () => live.off(name, callback);
-        const dependencyList = [live, name, ...deps];
-        React.useEffect(() => {
+    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 () {
             live.on(name, callback);
             return dispose;
         }, dependencyList);
@@ -1738,70 +2105,81 @@ function createLiveReact(options) {
      * @returns
      */
     function useReadyState() {
-        const live = useLiveInstance();
-        const [state, updateState] = React.useState(live.readyState);
-        React.useEffect(() => {
-            const readyStateUpdate = (readyState) => updateState(readyState);
+        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 () => live.off('ws.readyStateUpdate', readyStateUpdate);
+            return function () { return live.off('ws.readyStateUpdate', readyStateUpdate); };
         }, [live]);
         return state;
     }
     function useRTCAction() {
-        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]);
+        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]);
         return {
-            join,
-            quit,
-            shock,
-            toggleMicro,
-            detectMicro,
+            join: join,
+            quit: quit,
+            shock: shock,
+            toggleMicro: toggleMicro,
+            detectMicro: detectMicro,
         };
     }
-    function useRTCEventCallback(name, callback, deps = []) {
-        const live = useLiveInstance();
-        const dispose = () => live.$RTC.off(name, callback);
-        const dependencyList = [live, name, ...deps];
-        React.useEffect(() => {
+    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 () {
             live.$RTC.on(name, callback);
             return dispose;
         }, dependencyList);
         return dispose;
     }
     function useSelfInfo() {
-        const live = useLiveInstance();
-        const [state, updateState] = React.useState(live.selfInfo || {});
-        const selfInfoUpdate = (userInfo) => updateState(userInfo);
-        React.useEffect(() => {
+        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 () {
             live.on('selfInfoUpdate', selfInfoUpdate);
-            return () => live.off('selfInfoUpdate', selfInfoUpdate);
-        }, [live]);
-        const setState = React.useCallback(async (userInfo) => {
-            return await live.setSelfInfo(userInfo);
+            return function () { 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]);
         return [state, setState];
     }
     function useSnapshot() {
-        const live = useLiveInstance();
-        const [state, setState] = React.useState(live.snapshot);
-        React.useEffect(() => {
-            const onKeyframes = (keyframes) => setState(keyframes);
+        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); };
             live.on('keyframes', onKeyframes);
-            return () => live.off('keyframes', onKeyframes);
+            return function () { return live.off('keyframes', onKeyframes); };
         });
         return state;
     }
     function useUserList() {
-        const live = useLiveInstance();
-        const [state, updateState] = React.useState(live.userList);
-        const userListUpdate = (userList) => updateState(userList);
-        React.useEffect(() => {
+        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 () {
             live.on('userListUpdate', userListUpdate);
-            return () => live.off('userListUpdate', userListUpdate);
+            return function () { return live.off('userListUpdate', userListUpdate); };
         }, [live]);
         return state;
     }
@@ -1813,35 +2191,36 @@ function createLiveReact(options) {
      * @returns
      * @deprecated
      */
-    function useWebSocketEventCallback(name, callback, deps = []) {
-        const live = useLiveInstance();
-        const dispose = () => live.off(name, callback);
-        const dependencyList = [live, name, ...deps];
-        React.useEffect(() => {
+    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,
-        jsBridge,
-        LiveProvider,
-        unsafe__useLiveInstance,
-        unsafe__useRTCInstance,
-        useCurrentWebSocketUrl,
-        useConnect,
-        useKeyframe,
-        useKeyframeUpdateCallback,
-        useLiveAction,
-        useLiveEventCallback,
-        useReadyState,
-        useRTCAction,
-        useRTCEventCallback,
-        useSelfInfo,
-        useSnapshot,
-        useUserList,
-        useWebSocketEventCallback,
+        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,
     };
 }