kucservice 1.4.1 → 1.4.3-beta

package/dist/kucservice.umd.js

@@ -1259,6 +1259,121 @@ $({ target: 'Array', stat: true }, {
 });
 
 
+/***/ }),
+
+/***/ "2909":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _toConsumableArray; });
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.is-array.js
+var es_array_is_array = __webpack_require__("277d");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
+var es_symbol = __webpack_require__("a4d3");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.description.js
+var es_symbol_description = __webpack_require__("e01a");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
+var es_object_to_string = __webpack_require__("d3b7");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.iterator.js
+var es_symbol_iterator = __webpack_require__("d28b");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
+var es_array_iterator = __webpack_require__("e260");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.iterator.js
+var es_string_iterator = __webpack_require__("3ca3");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.iterator.js
+var web_dom_collections_iterator = __webpack_require__("ddb0");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
+var es_array_from = __webpack_require__("a630");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+
+
+
+
+
+
+
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.slice.js
+var es_array_slice = __webpack_require__("fb6a");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
+var es_function_name = __webpack_require__("b0c0");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
+var es_regexp_exec = __webpack_require__("ac1f");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.test.js
+var es_regexp_test = __webpack_require__("00b4");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+
+
+
+
+
+
+
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.cause.js
+var es_error_cause = __webpack_require__("d9e2");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.to-string.js
+var es_error_to_string = __webpack_require__("d401");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
 /***/ }),
 
 /***/ "2a62":
@@ -2120,13 +2235,17 @@ var websocket_Socket = /*#__PURE__*/function (_WebSocket) {
           }
 
           ((_this$self = this.self) === null || _this$self === void 0 ? void 0 : _this$self.socketTimer) && clearTimeout(this.self.socketTimer);
-          this.self.socketTimer = setTimeout(function () {
-            var _socket = new Socket(optionsClone, _this2._dep, _this2._reconnectCount, _this2.self);
 
-            _this2._dep.notify('reconnect', _socket);
-          }, TIMEOUT); // } else {
+          if (this.self) {
+            this.self.socketTimer = setTimeout(function () {
+              var _socket = new Socket(optionsClone, _this2._dep, _this2._reconnectCount, _this2.self);
+
+              _this2._dep.notify('reconnect', _socket);
+            }, TIMEOUT);
+          } // } else {
           //   return console.error('WebSocket重连失败, 请联系技术客服!')
           // }
+
         }
       };
 
@@ -2189,6 +2308,7 @@ var websocket_Socket = /*#__PURE__*/function (_WebSocket) {
     key: "closeSocket",
     value: function closeSocket(code, reason) {
       this.clearHeartCheck();
+      console.log('=====close code===', code, reason);
       this.close(code, reason);
     } // 开始心跳检测
 
@@ -2339,6 +2459,28 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "45fc":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var $some = __webpack_require__("b727").some;
+var arrayMethodIsStrict = __webpack_require__("a640");
+
+var STRICT_METHOD = arrayMethodIsStrict('some');
+
+// `Array.prototype.some` method
+// https://tc39.es/ecma262/#sec-array.prototype.some
+$({ target: 'Array', proto: true, forced: !STRICT_METHOD }, {
+  some: function some(callbackfn /* , thisArg */) {
+    return $some(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+
 /***/ }),
 
 /***/ "4795":
@@ -3825,6 +3967,35 @@ module.exports = Object.create || function create(O, Properties) {
 };
 
 
+/***/ }),
+
+/***/ "7db0":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var $find = __webpack_require__("b727").find;
+var addToUnscopables = __webpack_require__("44d2");
+
+var FIND = 'find';
+var SKIPS_HOLES = true;
+
+// Shouldn't skip holes
+if (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });
+
+// `Array.prototype.find` method
+// https://tc39.es/ecma262/#sec-array.prototype.find
+$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
+  find: function find(callbackfn /* , that = undefined */) {
+    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables(FIND);
+
+
 /***/ }),
 
 /***/ "7dd0":
@@ -3961,116 +4132,21 @@ __webpack_require__.d(__webpack_exports__, "useHttp", function() { return /* bin
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.is-array.js
-var es_array_is_array = __webpack_require__("277d");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 5 modules
+var toConsumableArray = __webpack_require__("2909");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
+var es_object_keys = __webpack_require__("b64b");
 
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
 var es_symbol = __webpack_require__("a4d3");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.description.js
-var es_symbol_description = __webpack_require__("e01a");
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
+var es_array_filter = __webpack_require__("4de4");
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
 var es_object_to_string = __webpack_require__("d3b7");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.iterator.js
-var es_symbol_iterator = __webpack_require__("d28b");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
-var es_array_iterator = __webpack_require__("e260");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.iterator.js
-var es_string_iterator = __webpack_require__("3ca3");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.iterator.js
-var web_dom_collections_iterator = __webpack_require__("ddb0");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
-var es_array_from = __webpack_require__("a630");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-
-
-
-
-
-
-
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.slice.js
-var es_array_slice = __webpack_require__("fb6a");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
-var es_function_name = __webpack_require__("b0c0");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
-var es_regexp_exec = __webpack_require__("ac1f");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.test.js
-var es_regexp_test = __webpack_require__("00b4");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-
-
-
-
-
-
-
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.cause.js
-var es_error_cause = __webpack_require__("d9e2");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.to-string.js
-var es_error_to_string = __webpack_require__("d401");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
-
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
-
-
-
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
-var es_object_keys = __webpack_require__("b64b");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
-var es_array_filter = __webpack_require__("4de4");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptor.js
 var es_object_get_own_property_descriptor = __webpack_require__("e439");
 
@@ -4151,10 +4227,25 @@ var es_array_concat = __webpack_require__("99af");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
 var es_promise = __webpack_require__("e6cf");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.weak-map.js
-var es_weak_map = __webpack_require__("10d1");
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.cause.js
+var es_error_cause = __webpack_require__("d9e2");
 
-// CONCATENATED MODULE: ./src/lib/webApi/http.js
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.to-string.js
+var es_error_to_string = __webpack_require__("d401");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
+var es_array_iterator = __webpack_require__("e260");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.iterator.js
+var es_string_iterator = __webpack_require__("3ca3");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.weak-map.js
+var es_weak_map = __webpack_require__("10d1");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.iterator.js
+var web_dom_collections_iterator = __webpack_require__("ddb0");
+
+// CONCATENATED MODULE: ./src/lib/webApi/http.js
 
 
 
@@ -4222,7 +4313,7 @@ var http_httpWay = /*#__PURE__*/function () {
     }
 
     if (async) {
-      fetch.apply(void 0, _toConsumableArray(params)).then(function (res) {
+      fetch.apply(void 0, Object(toConsumableArray["a" /* default */])(params)).then(function (res) {
         if (res.status == 200) {
           success && success(res.json());
         } else {
@@ -4246,7 +4337,7 @@ var http_httpWay = /*#__PURE__*/function () {
             switch (_context.prev = _context.next) {
               case 0:
                 _context.next = 2;
-                return fetch.apply(void 0, _toConsumableArray(params));
+                return fetch.apply(void 0, Object(toConsumableArray["a" /* default */])(params));
 
               case 2:
                 response = _context.sent;
@@ -4305,6 +4396,31 @@ var useHttp = function useHttp(url, method, data, options) {
   return new http_httpWay(url, method, data, options, async = true, success, fail);
 };
 
+/***/ }),
+
+/***/ "81d5":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var toObject = __webpack_require__("7b0b");
+var toAbsoluteIndex = __webpack_require__("23cb");
+var lengthOfArrayLike = __webpack_require__("07fa");
+
+// `Array.prototype.fill` method implementation
+// https://tc39.es/ecma262/#sec-array.prototype.fill
+module.exports = function fill(value /* , start = 0, end = @length */) {
+  var O = toObject(this);
+  var length = lengthOfArrayLike(O);
+  var argumentsLength = arguments.length;
+  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);
+  var end = argumentsLength > 2 ? arguments[2] : undefined;
+  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
+  while (endPos > index) O[index++] = value;
+  return O;
+};
+
+
 /***/ }),
 
 /***/ "825a":
@@ -7063,6 +7179,25 @@ $({ target: 'Array', proto: true }, {
 addToUnscopables('includes');
 
 
+/***/ }),
+
+/***/ "cb29":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+var fill = __webpack_require__("81d5");
+var addToUnscopables = __webpack_require__("44d2");
+
+// `Array.prototype.fill` method
+// https://tc39.es/ecma262/#sec-array.prototype.fill
+$({ target: 'Array', proto: true }, {
+  fill: fill
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('fill');
+
+
 /***/ }),
 
 /***/ "cc12":
@@ -8956,6 +9091,9 @@ var modulesFiles = mf.keys().reduce(function (pre, cur) {
 console.log("=====modulesFiles========");
 console.log(modulesFiles);
 /* harmony default export */ var webApi = (modulesFiles);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 5 modules
+var toConsumableArray = __webpack_require__("2909");
+
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
 
@@ -8974,9 +9112,30 @@ var es_number_constructor = __webpack_require__("a9e3");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.timers.js
 var web_timers = __webpack_require__("4795");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.date.to-string.js
+var es_date_to_string = __webpack_require__("0d03");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.some.js
+var es_array_some = __webpack_require__("45fc");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
+var es_array_find = __webpack_require__("7db0");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
+var es_regexp_to_string = __webpack_require__("25f0");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
+var es_array_concat = __webpack_require__("99af");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.fill.js
+var es_array_fill = __webpack_require__("cb29");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.test.js
 var es_regexp_test = __webpack_require__("00b4");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
+var es_array_filter = __webpack_require__("4de4");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.is-array.js
 var es_array_is_array = __webpack_require__("277d");
 
@@ -9001,36 +9160,45 @@ var es_array_is_array = __webpack_require__("277d");
 
 
 
-var T = Object.defineProperty;
 
-var w = function w(d, e, t) {
-  return e in d ? T(d, e, {
+
+
+
+
+
+
+
+console.log('Library wexWebSip Build time: 2026_3_24 13:58:15');
+var A = Object.defineProperty;
+
+var b = function b(y, e, t) {
+  return e in y ? A(y, e, {
     enumerable: !0,
     configurable: !0,
     writable: !0,
     value: t
-  }) : d[e] = t;
+  }) : y[e] = t;
 };
 
-var phoneClient_b = function b(d, e, t) {
-  return w(d, Object(esm_typeof["a" /* default */])(e) != "symbol" ? e + "" : e, t), t;
+var phoneClient_S = function S(y, e, t) {
+  return b(y, Object(esm_typeof["a" /* default */])(e) != "symbol" ? e + "" : e, t), t;
 };
 
-var phoneClient_j = /*#__PURE__*/function () {
-  function j(e) {
-    var _this = this;
+console.log("webphone version 1.0.2 2026-03-02 支持视频呼叫无摄像和麦克风能正常接听");
 
-    Object(classCallCheck["a" /* default */])(this, j);
+var phoneClient_O = /*#__PURE__*/function () {
+  function O(e) {
+    Object(classCallCheck["a" /* default */])(this, O);
 
-    phoneClient_b(this, "socket", null);
-    phoneClient_b(this, "RTC", null);
-    phoneClient_b(this, "bindLocalPicture", function (e) {
-      var t = document.querySelector("#" + _this.localId);
-      t.srcObject = e, t.onloadedmetadata = function () {
+    phoneClient_S(this, "socket", null);
+    phoneClient_S(this, "RTC", null);
+    phoneClient_S(this, "bindLocalPicture", function (e) {
+      var t = document.getElementById("local_video");
+      e && (t.srcObject = e, t.onloadedmetadata = function () {
         t.play();
-      };
+      });
     });
-    this.wsUrl = e, this.Offer = null, this.localId = "", this.remoteId = "", this.remoteAudioId = "", this.videoStream = null, this.timeOutKL = null, this.reloadObj = {
+    this.wsUrl = e, this.Offer = null, this.localId = "local_video", this.remoteId = "", this.remoteAudioId = "", this.videoStream = null, this.audioStream = null, this.timeOutKL = null, this.reloadObj = {
       num: 0,
       maxNum: 10,
       timeOut: null,
@@ -9039,23 +9207,36 @@ var phoneClient_j = /*#__PURE__*/function () {
     }, this.mediaSet = {
       video: !0,
       audio: !0
-    }, this.callData = {}, this.socketCode = -1, this.compatible(), this.createRTC(), this.newSocket();
+    }, this.shareGetAudio = !1, this.requestAnimationFrameTimer = null, this.presentStream = "user", this.displayMedia = null, this.callData = {}, this.callInType = 2, this.socketCode = -1, this.compatible(), this.createRTC(), this.localCameraStaus = !0;
   }
 
-  Object(createClass["a" /* default */])(j, [{
+  Object(createClass["a" /* default */])(O, [{
     key: "compatible",
     value: function compatible() {
-      window.RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection || window.msRTCPeerConnection, navigator.mediaDevices.getUserMedia === void 0 && (navigator.mediaDevices.getUserMedia = function (e) {
-        var t = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
-        return t ? new Promise(function (o, i) {
-          t.call(navigator, e, o, i);
+      var e = this;
+      window.RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection || window.msRTCPeerConnection, navigator.mediaDevices.getUserMedia === void 0 && (navigator.mediaDevices.getUserMedia = function (t) {
+        var a = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
+        return a ? new Promise(function (i, o) {
+          a.call(navigator, t, i, o);
         }) : Promise.reject(new Error("getUserMedia is not implemented in this browser"));
-      }());
+      }()), window.addEventListener("online", function () {
+        console.log("网络连接恢复！"), e.messageBack && e.messageBack.call(null, {
+          type: "online",
+          code: -8,
+          message: "网络已恢复！"
+        });
+      }), window.addEventListener("offline", function () {
+        console.log("网络连接断开！"), e.messageBack && e.messageBack.call(null, {
+          type: "offline",
+          code: -8,
+          message: "网络已断开！"
+        });
+      });
     }
   }, {
     key: "newSocket",
     value: function newSocket() {
-      if (this.socket && (console.log(this.socket), this.socket = null), !this.online()) {
+      if (this.socket && (console.log(this.socket), this.onclose(), this.socket = null), !this.online()) {
         console.log("当前网络差,无法连接");
         return;
       }
@@ -9091,44 +9272,61 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "open",
     value: function open() {
-      var _this2 = this;
+      var _this = this;
 
       var e = this;
 
-      this.socket.onopen = function (t) {
-        console.log("onopen--->", t);
-
-        var o = _this2.checkReadyState();
-
-        e.socketCode = o;
-        var i = "";
-
-        switch (Number(o)) {
-          case 1:
-            console.log("连接成功"), i = "socket连接成功_" + t.type, e.num = 0, e.keepLive();
-            break;
-
-          case 2:
-            console.log("连接正在关闭"), i = "socket连接正在关闭_" + t.type;
-            break;
-
-          case 3:
-            console.log("连接已经关闭，或失败"), i = "socket连接失败_" + t.type, e.reloadObj.num = e.reloadObj.num + 1, e.reloadObj.num >= e.reloadObj.maxNum ? (i = "大于最大连接次数,停止连接,返回首页", console.log("大于最大连接次数,停止连接,返回首页"), e.reloadObj.href && (window.location.href = e.reloadObj.href), e.reloadObj.timeOut && clearTimeout(e.reloadObj.timeOut), e.reloadObj.timeOut = setTimeout(function () {
-              e.close();
-            }, e.reloadObj.reloadTime)) : console.log("继续连接");
-            break;
-        }
+      this.socket.onopen = /*#__PURE__*/function () {
+        var _ref = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee(t) {
+          var a, i;
+          return regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  a = _this.checkReadyState();
+                  e.socketCode = a;
+                  i = "";
+                  _context.t0 = Number(a);
+                  _context.next = _context.t0 === 1 ? 6 : _context.t0 === 2 ? 8 : _context.t0 === 3 ? 10 : 12;
+                  break;
 
-        e.messageBack && (o == 1 ? e.messageBack.call(null, {
-          type: t.type,
-          code: 200,
-          message: i
-        }) : e.messageBack.call(null, {
-          type: t.type,
-          code: -1,
-          err: i
+                case 6:
+                  console.log("连接成功"), i = "socket连接成功_" + t.type, e.num = 0, e.keepLive();
+                  return _context.abrupt("break", 12);
+
+                case 8:
+                  console.log("连接正在关闭"), i = "socket连接正在关闭_" + t.type;
+                  return _context.abrupt("break", 12);
+
+                case 10:
+                  console.log("连接已经关闭，或失败"), i = "socket连接失败_" + t.type, e.reloadObj.num = e.reloadObj.num + 1, e.reloadObj.num >= e.reloadObj.maxNum ? (i = "大于最大连接次数,停止连接,返回首页", console.log("大于最大连接次数,停止连接,返回首页"), e.reloadObj.href && (window.location.href = e.reloadObj.href), e.reloadObj.timeOut && clearTimeout(e.reloadObj.timeOut), e.reloadObj.timeOut = setTimeout(function () {
+                    e.close();
+                  }, e.reloadObj.reloadTime)) : console.log("继续连接");
+                  return _context.abrupt("break", 12);
+
+                case 12:
+                  console.log("open--->", e.messageBack), e.messageBack && (a == 1 ? e.messageBack.call(null, {
+                    type: t.type,
+                    code: 200,
+                    message: i
+                  }) : e.messageBack.call(null, {
+                    type: t.type,
+                    code: -1,
+                    err: i
+                  }));
+
+                case 13:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
         }));
-      };
+
+        return function (_x) {
+          return _ref.apply(this, arguments);
+        };
+      }();
     }
   }, {
     key: "keepLive",
@@ -9143,61 +9341,66 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "message",
     value: function message() {
-      var _this3 = this;
+      var _this2 = this;
 
       var e = this;
-
-      this.socket.onmessage = function (t) {
-        var o = t.data,
+      console.log("message-->"), this.socket.onmessage = function (t) {
+        var a = t.data,
             i = {};
 
-        if (o) {
-          var s = JSON.parse(o),
-              l = "";
+        if (a) {
+          var o = JSON.parse(a),
+              s = "";
 
-          switch (s.type) {
+          switch (o.type) {
             case "login":
-              l = "登录成功";
+              s = "登录成功";
               break;
 
             case "on_answer":
-              l = "已接听", e.setRemote(s.sdp);
+              s = "已接听", e.setRemote(o.sdp);
               break;
 
             case "on_new_call":
-              l = "有来电呼叫", i = {
-                isvideo: s.isvideo,
-                fromtel: s.from || ""
+              e.callInType = o.isvideo ? "2" : "1", s = "有来电呼叫", i = {
+                isvideo: o.isvideo,
+                fromtel: o.from || ""
               };
               break;
 
             case "on_ack":
-              l = "来电接听成功", e.setRemote(s.sdp);
+              s = "来电接听成功", e.setRemote(o.sdp);
               break;
 
             case "on_hangup":
-              l = "已挂断", _this3.RTC.close(), _this3.RTC = null;
-              var a = document.querySelector("#" + e.remoteId);
-              a.srcObject = null, e.messageBack.call(null, s), e.getVideoTacks(), _this3.createRTC();
+              console.log("被动动挂断电话"), s = "已挂断", _this2.RTC && e.RTC.getSenders().forEach(function (n) {
+                n && n.track && n.track.stop();
+              }), _this2.stopStack(), _this2.RTC = null;
+              var r = document.getElementById(_this2.remoteId);
+              r.srcObject = null, e.requestAnimationFrameTimer && cancelAnimationFrame(e.requestAnimationFrameTimer), _this2.createRTC();
+              break;
+
+            case "hangup":
+              s = "您已挂断", console.log("主动挂断电话"), _this2.stopStack();
               break;
 
             case "keepAlive":
-              _this3.keepLive();
+              _this2.keepLive();
 
               break;
           }
 
-          s.result ? (console.log("dataObj-->", s), e.messageBack.call(null, {
+          o.result ? o.type !== "keepAlive" && e.messageBack.call(null, {
             code: 200,
-            type: s.type,
-            message: l,
+            type: o.type,
+            message: s,
             data: i
-          })) : e.messageBack.call(null, {
+          }) : (e.stopStack(), e.messageBack.call(null, {
             code: -1,
-            type: s.type,
-            err: "失败_" + s.reason || false
-          });
-        } else console.log("服务器无返回数据--");
+            type: o.type,
+            err: "失败_" + o.reason || false
+          }));
+        } else e.stopStack(), console.log("服务器无返回数据--");
       };
     } // 用于指定报错时的回调函数。
 
@@ -9213,19 +9416,37 @@ var phoneClient_j = /*#__PURE__*/function () {
         e.newSocket();
       }, e.reloadObj.reloadTime);
     }
+  }, {
+    key: "errorReloadCont",
+    value: function errorReloadCont(e) {
+      var t = this;
+      this.errorTime = setTimeout(function () {
+        t.newSocket();
+      }, (e || 10) * 1e3);
+    }
+  }, {
+    key: "clearErrorTime",
+    value: function clearErrorTime() {
+      clearTimeout(this.errorTime);
+    }
   }, {
     key: "error",
     value: function error() {
+      var _this3 = this;
+
       var e = this;
 
       this.socket.onerror = function (t) {
-        var o = {
+        var a = {
           type: t.type,
           code: -4,
           err: "socket连接错误_" + t.type // message:'连接_'+event.type,
 
         };
-        e.messageBack.call(null, o);
+        var i = /* @__PURE__ */new Date(),
+            o = i.getMinutes(),
+            s = i.getSeconds();
+        console.log("err----minute-->", o, s), clearTimeout(_this3.reloadObj.timeOut), e.messageBack.call(null, a);
       };
     }
   }, {
@@ -9237,13 +9458,13 @@ var phoneClient_j = /*#__PURE__*/function () {
 
       this.socket.onclose = function (t) {
         console.log("close--->", t);
-        var o = {
+        var a = {
           type: t.type,
           code: -1,
           err: "socket连接已关闭_" + t.type // message:'连接已关闭',
 
         };
-        clearTimeout(_this4.reloadObj.timeOut), e.messageBack.call(null, o);
+        _this4.reloadObj.timeOut && clearTimeout(_this4.reloadObj.timeOut), _this4.timeOutKL && clearInterval(_this4.timeOutKL), e.messageBack.call(null, a);
       };
     }
   }, {
@@ -9259,18 +9480,31 @@ var phoneClient_j = /*#__PURE__*/function () {
 
       this.socket.disconnect = function (t) {
         console.log("disconnect", t), e.socketCode = 5;
-        var o = {
+        var a = {
           type: t.type,
           code: -1,
           err: "连接已断开_" + t.type
         };
-        e.messageBack.call(null, o);
+        e.messageBack.call(null, a);
       };
     }
   }, {
     key: "onclose",
     value: function onclose() {
-      this.socket.close();
+      var e = this.checkReadyState();
+      console.log("code-->", e);
+      var t = /* @__PURE__ */new Date(),
+          a = t.getMinutes(),
+          i = t.getSeconds();
+      if (console.log("minute-->", a, i), e == 1) this.socket.close();else if (e != 2) {
+        var o = {
+          type: "close",
+          code: -1,
+          err: "socket连接已关闭_" + e // message:'连接已关闭',
+
+        };
+        clearTimeout(this.reloadObj.timeOut), this.messageBack.call(null, o);
+      }
     } //发送消息
 
   }, {
@@ -9287,19 +9521,24 @@ var phoneClient_j = /*#__PURE__*/function () {
         return;
       }
 
-      console.log("checkReadyState--->", this.checkReadyState());
-      var o = this.checkReadyState();
-      o == 1 ? this.socket.send(JSON.stringify(t)) : this.messageBack.call(null, {
-        code: -3,
-        type: "error",
-        err: "连接异常_" + o
-      });
+      var a = this.checkReadyState();
+      if (a == 1) this.socket.send(JSON.stringify(t));else {
+        var i = /* @__PURE__ */new Date(),
+            o = i.getMinutes(),
+            s = i.getSeconds();
+        console.log("err----minute-->", o, s), this.messageBack.call(null, {
+          code: -3,
+          type: "error",
+          err: "连接异常_" + a
+        });
+      }
     }
   }, {
     key: "createRTC",
     value: function createRTC(e) {
-      var t = this,
-          o = {//   iceServers: [
+      var _this5 = this;
+
+      var t = {//   iceServers: [
         //   {
         //     urls: ['turn:115.28.186.199:3478'],
         //     username: "user1",
@@ -9312,68 +9551,72 @@ var phoneClient_j = /*#__PURE__*/function () {
         //   }
         // ],
       };
-      this.RTC && (this.RTC = null), this.RTC = new RTCPeerConnection(e || o), this.RTC.onicecandidate = function (i) {
-        console.log("onicecandidate--->", i);
-      }, this.RTC.ontrack = function (i) {
-        var s = document.querySelector("#" + t.remoteId),
-            l = document.querySelector("#" + t.remoteAudioId),
-            a = i.track;
-
-        if (a.kind == "video") {
-          var c = new MediaStream();
-          c.addTrack(a), s.srcObject = c, s.onloadedmetadata = function () {
-            console.log("remoteVideo-onloadedmetadata->"), s.play();
-          };
-        } else {
-          var _c = new MediaStream();
+      this.RTC && (this.RTC = null), this.RTC = new RTCPeerConnection(e || t), this.RTC.onicecandidate = function (a) {}, this.RTC.ontrack = function (a) {
+        var i = document.getElementById(_this5.remoteId),
+            o = document.getElementById(_this5.remoteAudioId),
+            s = a.track;
+
+        if (console.log("--ontrack-streams-", a.streams), s.kind == "video") {
+          if (s.contentHint = "detail", !i.srcObject) {
+            var r = new MediaStream();
+            r.addTrack(s), i.srcObject = r, i.onloadedmetadata = function () {
+              i.play();
+            };
+          }
+        } else if (s.kind == "audio") {
+          var _r = new MediaStream();
 
-          _c.addTrack(i.track), l.srcObject = _c, l.onloadedmetadata = function () {
-            console.log("remoteAudio-onloadedmetadata->"), l.play();
+          _r.addTrack(a.track), o.srcObject = _r, o.onloadedmetadata = function () {
+            o.play();
           };
-        }
-      }, this.RTC.onnegotiationneeded = function (i) {
-        console.log("onnegotiationneeded--->", i);
-      }, this.RTC.iceconnectionstatechange = function (i) {};
+        } else console.log("remoteOntrack-err->", a, a.track);
+      }, this.RTC.onnegotiationneeded = function (a) {}, this.RTC.iceconnectionstatechange = function (a) {}, this.RTC.icegatheringstatechange = function (a) {};
     }
   }, {
     key: "addTracks",
     value: function addTracks(e) {
-      var t = this,
-          o = e.getTracks();
+      var t = this;
 
-      if (!o || o.length < 1) {
+      if (!e) {
+        console.log("无法打开设备获取到流", e);
+        return;
+      }
+
+      var a = e.getTracks();
+
+      if (!a || a.length < 1) {
         console.log("无法获取视频或麦克风任一轨道数据，请查看是否开启成功");
         return;
       }
 
-      o.forEach(function (i) {
-        console.log("track-->", i), t.RTC.addTrack(i, e);
+      a.forEach(function (i) {
+        i && (t.RTC ? t.RTC.addTrack(i, e) : console.log("that.RTC-->", t.RTC));
       });
     }
   }, {
     key: "createOffer",
     value: function () {
-      var _createOffer = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _createOffer = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
         var e;
-        return regeneratorRuntime.wrap(function _callee$(_context) {
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
-            switch (_context.prev = _context.next) {
+            switch (_context2.prev = _context2.next) {
               case 0:
-                _context.next = 2;
+                _context2.next = 2;
                 return this.RTC.createOffer();
 
               case 2:
-                e = _context.sent;
+                e = _context2.sent;
                 this.Offer = e;
-                _context.next = 6;
+                _context2.next = 6;
                 return this.RTC.setLocalDescription(e);
 
               case 6:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
 
       function createOffer() {
@@ -9385,10 +9628,10 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "setRemote",
     value: function () {
-      var _setRemote = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(e) {
-        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      var _setRemote = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(e) {
+        return regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
-            switch (_context2.prev = _context2.next) {
+            switch (_context3.prev = _context3.next) {
               case 0:
                 this.RTC.setRemoteDescription(new RTCSessionDescription({
                   type: "answer",
@@ -9401,13 +9644,13 @@ var phoneClient_j = /*#__PURE__*/function () {
 
               case 1:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
 
-      function setRemote(_x) {
+      function setRemote(_x2) {
         return _setRemote.apply(this, arguments);
       }
 
@@ -9416,215 +9659,837 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "getDeviceList",
     value: function () {
-      var _getDeviceList = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(e) {
-        var t, o;
-        return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      var _getDeviceList = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) {
-            switch (_context3.prev = _context3.next) {
+            switch (_context4.prev = _context4.next) {
               case 0:
-                _context3.next = 2;
+                _context4.next = 2;
                 return navigator.mediaDevices.enumerateDevices();
 
               case 2:
-                t = _context3.sent;
+                return _context4.abrupt("return", _context4.sent);
 
-                if (e) {
-                  _context3.next = 5;
-                  break;
-                }
-
-                return _context3.abrupt("return", t);
-
-              case 5:
-                o = [];
-                return _context3.abrupt("return", (t && t.length > 0 && t.forEach(function (i) {
-                  i.kind.indexOf(e) > -1 && o.push(i);
-                }), o));
-
-              case 7:
+              case 3:
               case "end":
-                return _context3.stop();
+                return _context4.stop();
             }
           }
-        }, _callee3);
+        }, _callee4);
       }));
 
-      function getDeviceList(_x2) {
+      function getDeviceList() {
         return _getDeviceList.apply(this, arguments);
       }
 
       return getDeviceList;
     }()
   }, {
-    key: "getUserMedia",
+    key: "bindStream",
     value: function () {
-      var _getUserMedia = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(e) {
-        var t, o;
-        return regeneratorRuntime.wrap(function _callee4$(_context4) {
+      var _bindStream = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(e, t) {
+        var a, i, o, s, r;
+        return regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) {
-            switch (_context4.prev = _context4.next) {
+            switch (_context5.prev = _context5.next) {
               case 0:
-                t = {
-                  video: !0,
-                  //videoConstraints,
+                if (e) {
+                  _context5.next = 2;
+                  break;
+                }
+
+                return _context5.abrupt("return");
+
+              case 2:
+                a = document.querySelector("#" + e);
+
+                if (!(console.log("videoId-->", e, a), !a)) {
+                  _context5.next = 6;
+                  break;
+                }
+
+                console.log("无法找到对应的dom");
+                return _context5.abrupt("return");
+
+              case 6:
+                i = {
+                  video: {
+                    deviceId: t.camerId
+                  },
                   audio: {
-                    noiseSuppression: !0,
-                    echoCancellation: !0
+                    deviceId: t.voiceId
                   }
                 };
-                _context4.next = 3;
-                return navigator.mediaDevices.getUserMedia(e || t);
-
-              case 3:
-                o = _context4.sent;
-                this.videoStream = o;
-                _context4.next = 7;
-                return this.addTracks(o);
+                _context5.next = 9;
+                return navigator.mediaDevices.getUserMedia(i);
 
-              case 7:
-                return _context4.abrupt("return", o);
+              case 9:
+                o = _context5.sent;
+                s = document.getElementById("viewVideo");
+                console.log("container-->", a), console.log("contains--->", a.contains(s)), a.contains(s) && (a.innerHTML = "");
+                r = document.createElement("video");
+                r.id = "viewVideo", r.autoplay = !0, r.playsInline = "playsInline", r.muted = !1, r.style.width = "100%", r.style.height = "100%", r.className = "viewVideo_class", a.appendChild(r), o && (r.srcObject = o, r.onloadedmetadata = function () {
+                  r.play();
+                });
 
-              case 8:
+              case 14:
               case "end":
-                return _context4.stop();
+                return _context5.stop();
             }
           }
-        }, _callee4, this);
+        }, _callee5);
       }));
 
-      function getUserMedia(_x3) {
-        return _getUserMedia.apply(this, arguments);
+      function bindStream(_x3, _x4) {
+        return _bindStream.apply(this, arguments);
       }
 
-      return getUserMedia;
+      return bindStream;
     }()
   }, {
-    key: "getVideoTacks",
+    key: "stopLocalViewStream",
     value: function () {
-      var _getVideoTacks = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-        var t;
-        return regeneratorRuntime.wrap(function _callee5$(_context5) {
+      var _stopLocalViewStream = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(e, t) {
+        var a, i;
+        return regeneratorRuntime.wrap(function _callee6$(_context6) {
           while (1) {
-            switch (_context5.prev = _context5.next) {
+            switch (_context6.prev = _context6.next) {
               case 0:
-                if (this.videoStream) {
-                  this.videoStream.getTracks().forEach(function (o) {
-                    o.stop();
-                  });
-                  t = document.querySelector("#" + this.localId);
-                  t.srcObject = null;
+                a = document.querySelector("#" + e + " #viewVideo");
+
+                if (a) {
+                  i = a.srcObject.getTracks();
+                  console.log("viewVideoDom--tracks-->", i), i && i.forEach(function (o) {
+                    t ? o.kind == t && o.stop() : o.stop();
+                  }), a.srcObject = null;
                 }
 
-              case 1:
+              case 2:
               case "end":
-                return _context5.stop();
+                return _context6.stop();
             }
           }
-        }, _callee5, this);
+        }, _callee6);
       }));
 
-      function getVideoTacks() {
-        return _getVideoTacks.apply(this, arguments);
+      function stopLocalViewStream(_x5, _x6) {
+        return _stopLocalViewStream.apply(this, arguments);
       }
 
-      return getVideoTacks;
+      return stopLocalViewStream;
     }()
-    /**
-     * 初始化 dome 配置和方法
-     * video 开启视频
-     * audio 开启音频
-     * callback 贯穿整个线的消息回调
-     * @param {*} data 
-     */
-
   }, {
-    key: "initDom",
+    key: "getDeviceType",
     value: function () {
-      var _initDom = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-        var e,
-            t,
-            o,
-            i,
-            s,
-            _args6 = arguments;
-        return regeneratorRuntime.wrap(function _callee6$(_context6) {
+      var _getDeviceType = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
+        var e, t, a, i;
+        return regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) {
-            switch (_context6.prev = _context6.next) {
+            switch (_context7.prev = _context7.next) {
               case 0:
-                e = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : {
-                  video: !0,
-                  audio: !0,
-                  parentId: "",
-                  isDrag: !0,
-                  showLocal: !0,
-                  callback: new Function()
-                };
-
-                if (this.online()) {
-                  _context6.next = 4;
-                  break;
-                }
-
-                e.callback({
-                  code: -2,
-                  type: "internet",
-                  err: "当前网络差，请检查网络后重试"
-                });
-                return _context6.abrupt("return");
+                e = [], t = -1;
+                _context7.prev = 1;
+                _context7.next = 4;
+                return navigator.mediaDevices.enumerateDevices();
 
               case 4:
-                if (e.parentId) {
-                  _context6.next = 7;
-                  break;
-                }
-
-                console.log("请添加视频容器");
-                return _context6.abrupt("return");
+                e = _context7.sent;
+                _context7.next = 10;
+                break;
 
               case 7:
-                if (e.callback) {
-                  _context6.next = 10;
-                  break;
-                }
-
-                console.log("请注册消息回调函数");
-                return _context6.abrupt("return");
+                _context7.prev = 7;
+                _context7.t0 = _context7["catch"](1);
+                return _context7.abrupt("return", (this.messageBack.call(null, {
+                  code: -1,
+                  type: "device",
+                  err: "失败_无法获取设备列表"
+                }), t));
 
               case 10:
-                this.mediaSet.video = e.video, this.mediaSet.audio = e.audio, this.messageBack = e.callback;
-                t = document.querySelector("#" + e.parentId);
-
-                if (t) {
-                  _context6.next = 15;
+                if (e) {
+                  _context7.next = 12;
                   break;
                 }
 
-                console.log("无法查找到父级容器"), e.callback({
-                  code: -2,
-                  type: "error",
-                  err: "无法查找到父级容器，请查看"
-                });
-                return _context6.abrupt("return");
+                return _context7.abrupt("return", t);
 
-              case 15:
-                if (!t.innerHTML) {
-                  _context6.next = 18;
+              case 12:
+                a = e.some(function (o) {
+                  return (o.kind === "videoinput" || o.kind === "videoinput") && o.deviceId;
+                }), i = e.some(function (o) {
+                  return (o.kind === "audioinput" || o.kind === "audiooutput") && o.deviceId;
+                });
+                return _context7.abrupt("return", (a && (t = 1), i && (t = 2), a && i && (t = 3), t));
+
+              case 14:
+              case "end":
+                return _context7.stop();
+            }
+          }
+        }, _callee7, this, [[1, 7]]);
+      }));
+
+      function getDeviceType() {
+        return _getDeviceType.apply(this, arguments);
+      }
+
+      return getDeviceType;
+    }()
+  }, {
+    key: "testGetDeviceMore",
+    value: function () {
+      var _testGetDeviceMore = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
+        return regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) {
+            switch (_context8.prev = _context8.next) {
+              case 0:
+                this.cameraMicrophoneStream();
+
+              case 1:
+              case "end":
+                return _context8.stop();
+            }
+          }
+        }, _callee8, this);
+      }));
+
+      function testGetDeviceMore() {
+        return _testGetDeviceMore.apply(this, arguments);
+      }
+
+      return testGetDeviceMore;
+    }()
+  }, {
+    key: "closeAudio",
+    value: function () {
+      var _closeAudio = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
+        return regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) {
+            switch (_context9.prev = _context9.next) {
+              case 0:
+                this.audioStream.getTracks().forEach(function (t) {
+                  t.stop();
+                }), this.audioStream = null;
+
+              case 1:
+              case "end":
+                return _context9.stop();
+            }
+          }
+        }, _callee9, this);
+      }));
+
+      function closeAudio() {
+        return _closeAudio.apply(this, arguments);
+      }
+
+      return closeAudio;
+    }()
+  }, {
+    key: "getAudioOrVideoErr",
+    value: function getAudioOrVideoErr(e, t) {
+      var a = null,
+          i = t == 1 ? "麦克风" : t == 2 ? "摄像头" : "";
+      return a = [{
+        err: "NotFoundError",
+        msg: "无法获取到" + i
+      }, {
+        err: "NotReadableError",
+        msg: "" + i + "无法被访问，请查看" + i + "是否被占用"
+      }, {
+        err: "OverconstrainedError",
+        msg: "无法找到指定" + i
+      }, {
+        err: "TypeError",
+        msg: "getUserMedia()中传入正确的参数错误"
+      }, {
+        err: "PermissionDeniedError",
+        msg: "用户拒绝了访问" + i + "的权限"
+      }, {
+        err: "AbortError",
+        msg: "用户禁止了媒体捕获，或者在获取媒体设备时发生了其他错误"
+      }, {
+        err: "Other",
+        msg: "浏览器特定的错误，或硬件问题"
+      }, {
+        err: "SecurityError",
+        msg: "在不安全的网页上尝试获取" + i
+      }].find(function (s) {
+        return e.toString().indexOf(s.err) > -1;
+      }), console.warn("returnErr-->", a), a;
+    }
+  }, {
+    key: "cameraMicrophoneStream",
+    value: function () {
+      var _cameraMicrophoneStream = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(e, t) {
+        var a, i, o, s, r, c, n, u, l, g, h, d, m, _m, k, T;
+
+        return regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) {
+            switch (_context10.prev = _context10.next) {
+              case 0:
+                a = this, i = a.os(), o = 640, s = 480;
+                i.isPc ? (o = 1280, s = 720) : i.isPhone && (o = 640, s = 480);
+                r = "", c = "";
+                t && (t.camerId && (r = t.camerId), t.voiceId && (c = t.voiceId), t.width && (o = t.width), t.height && (o = t.height));
+                n = {
+                  video: {
+                    width: {
+                      min: 320,
+                      ideal: o,
+                      max: 1920
+                    },
+                    height: {
+                      min: 480,
+                      ideal: s,
+                      max: 1080
+                    },
+                    // aspectRatio: 16 / 9,
+                    frameRate: 25
+                  }
+                }, u = {
+                  audio: {
+                    noiseSuppression: !0,
+                    echoCancellation: !0
+                  }
+                };
+                r && (n.video.deviceId = r), c && (u.audio.deviceId = c), a.camearStream && a.camearStream.getTracks().forEach(function (k) {
+                  k.stop();
+                });
+                d = {};
+
+                if (!(e == 1)) {
+                  _context10.next = 27;
                   break;
                 }
 
-                console.log("已成功创建video标签");
-                return _context6.abrupt("return");
+                _context10.prev = 8;
+                m = {
+                  audio: {
+                    noiseSuppression: !0,
+                    echoCancellation: !0
+                  },
+                  video: !1
+                };
+                _context10.next = 12;
+                return navigator.mediaDevices.getUserMedia(m);
 
-              case 18:
-                o = document.createElement("video"), i = document.createElement("video"), s = document.createElement("audio");
-                o.id = "local_video", o.autoplay = !0, o.playsInline = "playsInline", o.muted = !0, i.id = "remote_video", s.id = "remote_audio", i.autoplay = !0, i.playsInline = "playsInline", i.muted = !0, o.className = "local_video_class", i.className = "remote_video_class", s.style.display = "none", s.controls = !0, t.appendChild(i), t.appendChild(o), t.appendChild(s), console.log("showLocal--->", e.showLocal), e.showLocal || (o.style.display = "none"), this.localId = "local_video", this.remoteId = "remote_video", this.remoteAudioId = "remote_audio", e.isDrag && this.pcDrag("remote_video", "local_video");
+              case 12:
+                h = _context10.sent;
+                l = new MediaStream(Object(toConsumableArray["a" /* default */])(h.getTracks()));
+                _context10.next = 16;
+                return this.addTracks(l);
+
+              case 16:
+                this.videoStream = l;
+                l.label = "voice";
+                console.log("stream--->", l.getAudioTracks(), l.getVideoTracks());
+                return _context10.abrupt("return", l);
+
+              case 22:
+                _context10.prev = 22;
+                _context10.t0 = _context10["catch"](8);
+                d = a.getAudioOrVideoErr(_context10.t0, 1), a.messageBack.call(null, {
+                  code: -1,
+                  type: "device",
+                  message: "麦克风获取异常_" + d.err,
+                  err: d.msg,
+                  data: {}
+                });
+
+              case 25:
+                _context10.next = 91;
+                break;
+
+              case 27:
+                _context10.prev = 27;
+                _context10.next = 30;
+                return navigator.mediaDevices.getUserMedia(n);
+
+              case 30:
+                g = _context10.sent;
+                _context10.prev = 31;
+                _context10.next = 34;
+                return navigator.mediaDevices.getUserMedia(u);
+
+              case 34:
+                h = _context10.sent;
+                l = new MediaStream([].concat(Object(toConsumableArray["a" /* default */])(h.getTracks()), Object(toConsumableArray["a" /* default */])(g.getTracks())));
+                _m = l.getVideoTracks();
+                _m[0].contentHint = "detail";
+                _context10.next = 40;
+                return this.addTracks(l);
+
+              case 40:
+                this.videoStream = l;
+                l.label = "camer";
+                console.log("stream--->", l);
+                this.bindLocalPicture(l);
+                return _context10.abrupt("return", l);
+
+              case 47:
+                _context10.prev = 47;
+                _context10.t1 = _context10["catch"](31);
+                console.log("获取麦克风失败--->", _context10.t1), d = a.getAudioOrVideoErr(_context10.t1, 1), a.messageBack.call(null, {
+                  code: -1,
+                  type: "device",
+                  message: "麦克风获取异常_" + d.err,
+                  err: d.msg,
+                  data: {}
+                });
+
+              case 50:
+                _context10.next = 91;
+                break;
+
+              case 52:
+                _context10.prev = 52;
+                _context10.t2 = _context10["catch"](27);
+                _context10.t2 && e == 2 && (console.log("errr-->"), d = a.getAudioOrVideoErr(_context10.t2, 2), a.messageBack.call(null, {
+                  code: -6,
+                  type: "device",
+                  message: "摄像头获取异常_" + d.err + "，仅拉起麦克风",
+                  err: d.msg,
+                  data: {}
+                }));
+                _context10.next = 57;
+                return this.createdVirtualVideo(e);
+
+              case 57:
+                g = _context10.sent;
+                _context10.prev = 58;
+                k = {
+                  audio: {
+                    noiseSuppression: !0,
+                    echoCancellation: !0
+                  }
+                };
+                _context10.next = 62;
+                return navigator.mediaDevices.getUserMedia(k);
+
+              case 62:
+                h = _context10.sent;
+                l = new MediaStream([].concat(Object(toConsumableArray["a" /* default */])(h.getTracks()), Object(toConsumableArray["a" /* default */])(g.getTracks())));
+                console.log("stream-->", l);
+                T = l.getVideoTracks();
+                T[0].contentHint = "detail";
+                _context10.next = 69;
+                return this.addTracks(l);
+
+              case 69:
+                this.videoStream = l;
+                l.label = "virtual";
+                this.bindLocalPicture(l);
+                return _context10.abrupt("return", l);
+
+              case 75:
+                _context10.prev = 75;
+                _context10.t3 = _context10["catch"](58);
+                _context10.next = 79;
+                return this.createdVirtualVideo(e);
+
+              case 79:
+                g = _context10.sent;
+                _context10.next = 82;
+                return this.createSilentAudioStream();
+
+              case 82:
+                h = _context10.sent;
+                console.log("audioStream-->", h.getTracks());
+                l = new MediaStream([].concat(Object(toConsumableArray["a" /* default */])(h.getTracks()), Object(toConsumableArray["a" /* default */])(g.getTracks())));
+                _context10.next = 87;
+                return this.addTracks(l);
+
+              case 87:
+                this.videoStream = l;
+                d = a.getAudioOrVideoErr(_context10.t3, 1);
+                a.messageBack.call(null, {
+                  code: -1,
+                  type: "device",
+                  message: "麦克风获取异常_" + d.err,
+                  err: d.msg,
+                  data: {}
+                });
+                return _context10.abrupt("return", l);
 
-              case 20:
+              case 91:
               case "end":
-                return _context6.stop();
+                return _context10.stop();
+            }
+          }
+        }, _callee10, this, [[8, 22], [27, 52], [31, 47], [58, 75]]);
+      }));
+
+      function cameraMicrophoneStream(_x7, _x8) {
+        return _cameraMicrophoneStream.apply(this, arguments);
+      }
+
+      return cameraMicrophoneStream;
+    }()
+  }, {
+    key: "cameraMicrophoneStream_old",
+    value: function () {
+      var _cameraMicrophoneStream_old = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee11() {
+        var e, t, a, s, r, c, i;
+        return regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) {
+            switch (_context11.prev = _context11.next) {
+              case 0:
+                e = this, t = {
+                  audio: {
+                    noiseSuppression: !0,
+                    echoCancellation: !0
+                  },
+                  video: {
+                    deviceId: {
+                      exclude: ["video"]
+                    },
+                    width: {
+                      min: 1280,
+                      ideal: 1280,
+                      max: 1280
+                    },
+                    height: {
+                      min: 720,
+                      ideal: 720,
+                      max: 720
+                    },
+                    aspectRatio: 16 / 9,
+                    frameRate: 30
+                  }
+                };
+                _context11.prev = 1;
+                _context11.next = 4;
+                return navigator.mediaDevices.getUserMedia(t);
+
+              case 4:
+                a = _context11.sent;
+                _context11.next = 24;
+                break;
+
+              case 7:
+                _context11.prev = 7;
+                _context11.t0 = _context11["catch"](1);
+
+                if (!(console.warn("无摄像头或麦克风，自动切换到麦克风--》", _context11.t0), e.messageBack.call(null, {
+                  code: -6,
+                  type: "device",
+                  message: "失败_设备获取异常,自动切换到语音呼叫",
+                  err: _context11.t0,
+                  data: {}
+                }), _context11.t0)) {
+                  _context11.next = 24;
+                  break;
+                }
+
+                _context11.prev = 10;
+                s = {
+                  audio: {
+                    noiseSuppression: !0,
+                    echoCancellation: !0
+                  }
+                };
+                _context11.next = 14;
+                return navigator.mediaDevices.getUserMedia(s);
+
+              case 14:
+                r = _context11.sent;
+                _context11.next = 17;
+                return this.createdVirtualVideo();
+
+              case 17:
+                c = _context11.sent;
+                a = new MediaStream([].concat(Object(toConsumableArray["a" /* default */])(r.getTracks()), Object(toConsumableArray["a" /* default */])(c.getTracks())));
+                _context11.next = 24;
+                break;
+
+              case 21:
+                _context11.prev = 21;
+                _context11.t1 = _context11["catch"](10);
+                console.error("无麦克风--》", _context11.t1), e.messageBack.call(null, {
+                  code: -1,
+                  type: "device",
+                  message: "无法获取麦克风，不能正常使用通信功能",
+                  err: _context11.t0,
+                  data: {}
+                });
+
+              case 24:
+                if (a) {
+                  _context11.next = 27;
+                  break;
+                }
+
+                e.messageBack.call(null, {
+                  code: -1,
+                  type: "device",
+                  message: "无法获取麦克风，不能正常使用通信功能",
+                  err: err,
+                  data: {}
+                });
+                return _context11.abrupt("return");
+
+              case 27:
+                i = a.getVideoTracks();
+                i[0].contentHint = "detail";
+                console.log("videoTrack-->", a);
+                this.videoStream = a;
+                _context11.next = 33;
+                return this.addTracks(a);
+
+              case 33:
+                return _context11.abrupt("return", a);
+
+              case 34:
+              case "end":
+                return _context11.stop();
+            }
+          }
+        }, _callee11, this, [[1, 7], [10, 21]]);
+      }));
+
+      function cameraMicrophoneStream_old() {
+        return _cameraMicrophoneStream_old.apply(this, arguments);
+      }
+
+      return cameraMicrophoneStream_old;
+    }()
+  }, {
+    key: "createdVirtualVideo_bck",
+    value: function () {
+      var _createdVirtualVideo_bck = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee13() {
+        var e, t, a, i, o, s;
+        return regeneratorRuntime.wrap(function _callee13$(_context13) {
+          while (1) {
+            switch (_context13.prev = _context13.next) {
+              case 0:
+                e = this, t = "无 摄 像 头", a = document.createElement("canvas"), i = a.getContext("2d"), o = new Image();
+                o.width = 120, o.height = 120, o.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABZtJREFUeF7tmluoVkUUx/9/6KHoIYgsKoIeCjGJLkSGKaSBRBgUZVJRZNBDaVQPSmj3i1EGFaSEL/kQPmgERRLlg1oo2QVLLOxClJkg9BCUQVT82+s0u+bs9uy9Z/b+ztkf37dAj3hmZq3122vWzKwZYsSFI+4/xgDGETDiBMZTICUAJC0BcBrJl1L696lPVARIugLA3QAMwEEAV5I80ieHYm1pDEDSeZnjnxcUPEPygVilfWrfGIAZLekhAI97DhwDsIDkR31yKsaWWADHAfgYwAWeks0kb4lR2qe2UQBcFNj831Jw4lqSb/TJsaa2RANwEDYDuMlTsoukJcihk1oAkm4HcA2AkwEcJnmrpIsA7AFwvOfxCpLrJV0PYMWASXwH4HuSj7bVUwlA0gcA5hSULCK5XdJTAFZ7v/sWwFySRyW9B2B+W+Ma9N9JckGDdsEmQQCS3nRfvtj5IMlZkiwiLApmeg3WkVwVWDLb2FnV9w6Sr6QOXgpA0ukAqjY499guUNKdADZ6yv8CcDnJvZJeAHBvqmER/faT9FeliK4oPw67Hd8Ob6Sd2Xq/yx85n3+S3skiYZH3uy0kl0qy/JC6SRL+s83/90QOzv6aNPeZGRPltdc4FAGW0ScBCM01Sea8QfBlKcniUplq46R+JR8H0wpg4pNINg1sOuSy100FmxKdSgwA13YGya0hI1pHgANgidASoiXGXFaRXNep9//ALkbn/yJA0tlZ00cA2BJuspXkjWW2tAZgU4Dku5JsSbSlMZejblm05bEzqQPg9i3mvEHw5RKSnxQNaQVA0hoAN7g1/08XBbZJymU9yU43RSEAJV+96Ksd2iyZT5JkAJKeB3CfG20NybWS7FD0akHHQpJ+Qm0VDWUAsl3hMhfyxa/u6+ocwD4AFzoNPwK4jORhSa8DuM7TvI3k4lZee50DAJoM3zmAA1lyme1pfo7kSknzskrR+wWLlpHc1MTKujYRACzc/QNa5wDmAtjtGfwHgItJHihMD2tisOyc8Eudg3W/bwDgUzcd7h8oADNUks29mwFc6naKG0m+JeksB8d+5vJYF6e3GgC27JqeY5Is7wwuAhp8KUuQlihzsa9vUWDRkCwBAF8CsPPJ9nzgaQfgIsRygeWEXDaRtKhJlrp9QN8A2Gpgq4Ivi0luSyUwVABcFNi+wC+a7iC5cJQABMtnKRCGLgJcFATLZ7EQhhVAsHw2EgBcFATLZzEQhjICvKWptHw2SgBal88CG6E5JD/0QfZiI1T2ZduWzyq2wg+S/Lcg02cArcpnNWcBq1yvJrmntwBcQkwunzU4DZqKhwHYZmv6DkNVic3dGVgRNbp81hCAqR9sPSAmcwdyQVL5LADAYFp9okq6LYi0BeCmQnT5rKIo+iyAlRV29RJAdPmsaiMkyU6fBuKcEhD9A+CiwK8u239Vls/qdoKSzgSwFsBtBQgzSX5VBJNcFu9iCjgAUeWzOgDernM5gLsAnJr92RAqx4UAnA9gf1dOVoyzhORrkoLlM0lvA7iqYoyfspcpM1JtDQE4Kbv0+Dl10Ih+9sxl4jJDUmn5rMFbhd0k/bJbhPrA+wBnkN3B2x3boGWiWuwSWGn5TJLZEXoPNDu7+Pwi1ci6N0JlT+JSdVX1OzF7WvObpGD5LHuNYrdPZ3iD/GCJruy+L8bA2pcV7i3QuQBOiBk4tq05Enh9tpzkBpf88mENxiGSv8fqabQKtB20TX9JTwKwW+dcvraLF5IDyUm1EdDGmZS+kk7JDjL2zG6W1/8JknbA6Vx6B8Al4GL57Fc7OJH8pmsCvQTgINjlydWewy9njzBtY9Op9BmAOW8Q7Os/DeBFu/Ts1HvvLV7X43Yyniuf2TObzzoZsGSQ3kbAoBzu/TI4VY7nesYRMNXE+6ZvHAF9+yJTbc/fXxAjbt8pZd0AAAAASUVORK5CYII=";
+
+                s = /*#__PURE__*/function () {
+                  var _ref2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee12() {
+                    return regeneratorRuntime.wrap(function _callee12$(_context12) {
+                      while (1) {
+                        switch (_context12.prev = _context12.next) {
+                          case 0:
+                            a.width = 640, a.height = 480, i.fillStyle = "#000", i.fillRect(0, 0, a.width, a.height), i.fillStyle = "#fff", i.font = "50px Helvetica Neue", i.textAlign = "center", i.fillText(t, a.width / 2, (a.height - o.height) / 2), i.drawImage(o, (a.width - o.width) / 2, (a.height - o.height + 80) / 2, o.width, o.height), e.requestAnimationFrameTimer = requestAnimationFrame(s);
+
+                          case 1:
+                          case "end":
+                            return _context12.stop();
+                        }
+                      }
+                    }, _callee12);
+                  }));
+
+                  return function s() {
+                    return _ref2.apply(this, arguments);
+                  };
+                }();
+
+                return _context13.abrupt("return", (e.requestAnimationFrameTimer && cancelAnimationFrame(e.requestAnimationFrameTimer), s(), a.captureStream()));
+
+              case 4:
+              case "end":
+                return _context13.stop();
+            }
+          }
+        }, _callee13, this);
+      }));
+
+      function createdVirtualVideo_bck() {
+        return _createdVirtualVideo_bck.apply(this, arguments);
+      }
+
+      return createdVirtualVideo_bck;
+    }()
+  }, {
+    key: "createdVirtualVideo",
+    value: function createdVirtualVideo(e) {
+      var t = document.createElement("canvas"),
+          a = t.getContext("2d");
+      var i = this,
+          o = e && e == 2 ? "无 摄 像 头" : "";
+
+      var s = /*#__PURE__*/function () {
+        var _ref3 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee14() {
+          return regeneratorRuntime.wrap(function _callee14$(_context14) {
+            while (1) {
+              switch (_context14.prev = _context14.next) {
+                case 0:
+                  t.width = 640, t.height = 480, a.fillStyle = "black", a.fillRect(0, 0, t.width, t.height), a.fillStyle = "#fff", a.font = "50px Helvetica Neue", a.textAlign = "center", a.fillText(o, t.width / 2, t.height / 2), i.requestAnimationFrameTimer = requestAnimationFrame(s);
+
+                case 1:
+                case "end":
+                  return _context14.stop();
+              }
+            }
+          }, _callee14);
+        }));
+
+        return function s() {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+
+      s();
+      var r = t.captureStream(30);
+      return console.log("videoStream-->", r), r;
+    }
+    /**
+     * 生成一个指定时长的静音 MediaStream (包含 Audio Track)
+     * @param {number} durationSeconds - 静音时长（秒）。如果设为 Infinity 或省略，则生成无限持续的流。
+     * @returns {MediaStream} 包含静音轨道的 MediaStream 对象
+     */
+
+  }, {
+    key: "createSilentAudioStream",
+    value: function createSilentAudioStream() {
+      var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1 / 0;
+      var t = new (window.AudioContext || window.webkitAudioContext)(),
+          a = t.createMediaStreamDestination();
+      var i;
+
+      if (e === 1 / 0 || e <= 0) {
+        var o = t.sampleRate,
+            s = o * 1,
+            r = t.createBuffer(1, s, o);
+        r.getChannelData(0).fill(0), i = t.createBufferSource(), i.buffer = r, i.loop = !0;
+      } else {
+        var _o = t.sampleRate,
+            _s = _o * e,
+            _r2 = t.createBuffer(1, _s, _o);
+
+        _r2.getChannelData(0).fill(0), i = t.createBufferSource(), i.buffer = _r2, i.loop = !1;
+      }
+
+      return i.connect(a), i.start(0), e !== 1 / 0 && e > 0 && (i.onended = function () {
+        console.log("静音流播放完毕"), t.close();
+      }), a.stream;
+    }
+  }, {
+    key: "getVideoTacks",
+    value: function () {
+      var _getVideoTacks = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee15() {
+        var t;
+        return regeneratorRuntime.wrap(function _callee15$(_context15) {
+          while (1) {
+            switch (_context15.prev = _context15.next) {
+              case 0:
+                if (this.videoStream) {
+                  this.videoStream.getTracks().forEach(function (a) {
+                    a.stop();
+                  });
+                  t = document.getElementById(this.localId);
+                  t.srcObject = null;
+                }
+
+              case 1:
+              case "end":
+                return _context15.stop();
+            }
+          }
+        }, _callee15, this);
+      }));
+
+      function getVideoTacks() {
+        return _getVideoTacks.apply(this, arguments);
+      }
+
+      return getVideoTacks;
+    }()
+    /**
+     * 初始化 dome 配置和方法
+     * video 开启视频
+     * audio 开启音频
+     * callback 贯穿整个线的消息回调
+     * @param {*} data
+     */
+
+  }, {
+    key: "initDom",
+    value: function () {
+      var _initDom = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee16() {
+        var e,
+            t,
+            a,
+            i,
+            o,
+            s,
+            r,
+            _args16 = arguments;
+        return regeneratorRuntime.wrap(function _callee16$(_context16) {
+          while (1) {
+            switch (_context16.prev = _context16.next) {
+              case 0:
+                e = _args16.length > 0 && _args16[0] !== undefined ? _args16[0] : {
+                  video: !0,
+                  audio: !0,
+                  parentId: "",
+                  isDrag: !0,
+                  showLocal: !0,
+                  callback: new Function()
+                };
+
+                if (e.parentId) {
+                  _context16.next = 4;
+                  break;
+                }
+
+                console.log("请添加视频容器");
+                return _context16.abrupt("return");
+
+              case 4:
+                if (e.callback) {
+                  _context16.next = 7;
+                  break;
+                }
+
+                console.log("请注册消息回调函数");
+                return _context16.abrupt("return");
+
+              case 7:
+                if (this.online()) {
+                  _context16.next = 10;
+                  break;
+                }
+
+                e.callback({
+                  code: -2,
+                  type: "internet",
+                  err: "当前网络差，请检查网络后重试"
+                }), this.messageBack = e.callback;
+                return _context16.abrupt("return");
+
+              case 10:
+                this.mediaSet.video = e.video, this.mediaSet.audio = e.audio, this.messageBack = e.callback, this.newSocket();
+                t = document.querySelector("#" + e.parentId);
+
+                if (t) {
+                  _context16.next = 15;
+                  break;
+                }
+
+                console.log("无法查找到父级容器"), e.callback({
+                  code: -2,
+                  type: "error",
+                  err: "无法查找到父级容器，请查看"
+                });
+                return _context16.abrupt("return");
+
+              case 15:
+                a = document.createElement("video"), i = document.createElement("video"), o = document.createElement("audio");
+                a.id = "local_video", a.autoplay = !0, a.playsInline = "playsInline", a.muted = !0, i.id = "remote_video", o.id = "remote_audio", i.autoplay = !0, i.playsInline = "playsInline", i.muted = !0, a.className = "local_video_class", i.className = "remote_video_class", o.style.display = "none", o.controls = !0;
+                s = document.querySelector("#" + e.parentId), r = document.querySelector("#remote_video");
+                s.contains(r) ? (console.log("已成功创建video标签"), this.localId = "local_video", this.remoteId = "remote_video", this.remoteAudioId = "remote_audio", e.isDrag && this.pcDrag("remote_video", "local_video")) : (console.log("没有标签，进行创建"), t.appendChild(i), t.appendChild(a), t.appendChild(o), e.showLocal || (a.style.display = "none"), this.localId = "local_video", this.remoteId = "remote_video", this.remoteAudioId = "remote_audio", e.isDrag && this.pcDrag("remote_video", "local_video"));
+
+              case 19:
+              case "end":
+                return _context16.stop();
             }
           }
-        }, _callee6, this);
+        }, _callee16, this);
       }));
 
       function initDom() {
@@ -9636,7 +10501,7 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "changeShowLocal",
     value: function changeShowLocal(e) {
-      var t = document.querySelector("#" + this.localId);
+      var t = document.getElementById(this.localId);
       t.style.display = e ? "block" : "none";
     }
   }, {
@@ -9644,15 +10509,15 @@ var phoneClient_j = /*#__PURE__*/function () {
     value: function os() {
       var e = navigator.userAgent,
           t = /(?:Windows Phone)/.test(e),
-          o = /(?:SymbianOS)/.test(e) || t,
+          a = /(?:SymbianOS)/.test(e) || t,
           i = /(?:Android)/.test(e),
-          s = /(?:Firefox)/.test(e),
-          l = /(?:iPad|PlayBook)/.test(e) || i && !/(?:Mobile)/.test(e) || s && /(?:Tablet)/.test(e),
-          a = /(?:iPhone)/.test(e) && !l,
-          c = !a && !i && !o;
+          o = /(?:Firefox)/.test(e),
+          s = /(?:iPad|PlayBook)/.test(e) || i && !/(?:Mobile)/.test(e) || o && /(?:Tablet)/.test(e),
+          r = /(?:iPhone)/.test(e) && !s,
+          c = !r && !i && !a;
       return {
-        isTablet: l,
-        isPhone: a,
+        isTablet: s,
+        isPhone: r,
         isAndroid: i,
         isPc: c
       };
@@ -9660,43 +10525,53 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "pcDrag",
     value: function pcDrag(e, t) {
-      var o = document.querySelector("#" + e),
-          i = document.querySelector("#" + t),
-          s = o.offsetWidth,
-          l = o.offsetHeight,
-          a = i.offsetWidth,
-          c = i.offsetHeight,
-          g = o.offsetLeft,
-          f = o.offsetTop,
-          O = this.os().isPc,
-          v = this.os().isPhone;
-      O ? i.addEventListener("mousedown", function (h) {
-        var p = h.pageX - g - i.offsetLeft,
-            y = h.pageY - f - i.offsetTop;
-
-        function k(u) {
-          var r = u.pageX - g - p,
-              n = u.pageY - f - y;
-          r < 20 && (r = 20), r > s - a && (r = s - a), n < 20 && (n = 20), n > l - c && (n = l - c), i.style.left = r + "px", i.style.top = n + "px";
+      document.getElementById(e);
+      var a = document.getElementById(t),
+          i = this.os().isPc,
+          o = this.os().isPhone;
+      i ? a.addEventListener("mousedown", function (s) {
+        var r = document.getElementById(e),
+            c = document.getElementById(t),
+            n = r.offsetWidth,
+            u = r.offsetHeight,
+            l = c.offsetWidth,
+            g = c.offsetHeight,
+            h = r.offsetLeft,
+            d = r.offsetTop,
+            m = s.pageX - h - c.offsetLeft,
+            k = s.pageY - d - c.offsetTop;
+
+        function T(v) {
+          var p = v.pageX - h - m,
+              f = v.pageY - d - k;
+          p < 20 && (p = 20), p > n - l && (p = n - l), f < 20 && (f = 20), f > u - g && (f = u - g), c.style.left = p + "px", c.style.top = f + "px";
         }
 
-        document.addEventListener("mousemove", k), document.addEventListener("mouseup", function (u) {
-          document.removeEventListener("mousemove", k);
+        document.addEventListener("mousemove", T), document.addEventListener("mouseup", function (v) {
+          document.removeEventListener("mousemove", T);
         });
-      }) : v && i.addEventListener("touchstart", function (h) {
-        var p = document.body;
-        p.style.overflow = "hidden";
-        var y = h.pageX - g - i.offsetLeft,
-            k = h.pageY - f - i.offsetTop;
-
-        function u(r) {
-          var n = r.pageX - g - y,
-              m = r.pageY - f - k;
-          n < 20 && (n = 20), n > s - a && (n = s - a), m < 20 && (m = 20), m > l - c && (m = l - c), i.style.left = n + "px", i.style.top = m + "px";
+      }) : o && a.addEventListener("touchstart", function (s) {
+        var r = document.getElementById(e),
+            c = document.getElementById(t),
+            n = r.offsetWidth,
+            u = r.offsetHeight,
+            l = c.offsetWidth,
+            g = c.offsetHeight,
+            h = r.offsetLeft,
+            d = r.offsetTop,
+            m = document.body;
+        m.style.overflow = "hidden";
+        var k = s.pageX - h - c.offsetLeft,
+            T = s.pageY - d - c.offsetTop;
+
+        function v(p) {
+          var f = p.pageX - h - k,
+              w = p.pageY - d - T;
+          f < 20 && (f = 20), f > n - l && (f = n - l), w < 20 && (w = 20), w > u - g && (w = u - g), c.style.left = f + "px", c.style.top = w + "px";
         }
 
-        document.addEventListener("touchmove", u), document.addEventListener("touchend", function (r) {
-          p.style.overflow = "auto", document.removeEventListener("touchmove", u);
+        document.addEventListener("touchmove", v), document.addEventListener("touchend", function (p) {
+          m.style.overflow = "auto", document.removeEventListener("touchmove", v);
         });
       });
     }
@@ -9711,40 +10586,86 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "call",
     value: function () {
-      var _call = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(e) {
-        var t, o;
-        return regeneratorRuntime.wrap(function _callee7$(_context7) {
+      var _call = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee18(e, t) {
+        var a, i, o;
+        return regeneratorRuntime.wrap(function _callee18$(_context18) {
           while (1) {
-            switch (_context7.prev = _context7.next) {
+            switch (_context18.prev = _context18.next) {
               case 0:
-                t = Object.assign({
+                a = Object.assign({
                   sdp: "",
                   type: "make_call"
                 }, e);
-                _context7.next = 3;
-                return this.getUserMedia();
+                _context18.next = 3;
+                return this.cameraMicrophoneStream(2, t);
 
               case 3:
-                o = _context7.sent;
-                this.videoStream = o;
-                this.bindLocalPicture(o);
-                _context7.next = 8;
+                i = _context18.sent;
+                this.camearStream = i;
+                o = this;
+                navigator.mediaDevices.ondevicechange = /*#__PURE__*/Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee17() {
+                  var r, c, n;
+                  return regeneratorRuntime.wrap(function _callee17$(_context17) {
+                    while (1) {
+                      switch (_context17.prev = _context17.next) {
+                        case 0:
+                          _context17.next = 2;
+                          return navigator.mediaDevices.enumerateDevices();
+
+                        case 2:
+                          r = _context17.sent.filter(function (c) {
+                            return c.kind === "videoinput";
+                          });
+                          console.log("videoDevices-->", r);
+                          _context17.t0 = r && r.length > 0;
+
+                          if (!_context17.t0) {
+                            _context17.next = 10;
+                            break;
+                          }
+
+                          _context17.next = 8;
+                          return o.cameraMicrophoneStream(2);
+
+                        case 8:
+                          i = _context17.sent;
+                          _context17.t0 = i;
+
+                        case 10:
+                          if (!_context17.t0) {
+                            _context17.next = 13;
+                            break;
+                          }
+
+                          c = i.getVideoTracks(), n = i.getAudioTracks();
+                          o.RTC.getSenders().forEach(function (l) {
+                            l.track && l.track.kind == "video" ? l.replaceTrack(c[0]) : l.track && l.track.kind == "audio" && l.replaceTrack(n[0]);
+                          }), o.camearStream = i;
+
+                        case 13:
+                        case "end":
+                          return _context17.stop();
+                      }
+                    }
+                  }, _callee17);
+                }));
+                this.bindLocalPicture(i);
+                _context18.next = 10;
                 return this.createOffer();
 
-              case 8:
-                console.log("call---->", t);
-                t.sdp = this.Offer.sdp;
-                this.send(t);
+              case 10:
+                a.sdp = this.Offer.sdp;
+                this.send(a);
 
-              case 11:
+              case 12:
               case "end":
-                return _context7.stop();
+                return _context18.stop();
             }
           }
-        }, _callee7, this);
+        }, _callee18, this);
       }));
 
-      function call(_x4) {
+      function call(_x9, _x10) {
         return _call.apply(this, arguments);
       }
 
@@ -9753,43 +10674,39 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "audioCall",
     value: function () {
-      var _audioCall = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(e) {
-        var t;
-        return regeneratorRuntime.wrap(function _callee8$(_context8) {
+      var _audioCall = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee19(e, t) {
+        var a, i;
+        return regeneratorRuntime.wrap(function _callee19$(_context19) {
           while (1) {
-            switch (_context8.prev = _context8.next) {
+            switch (_context19.prev = _context19.next) {
               case 0:
-                t = Object.assign({
+                a = Object.assign({
                   sdp: "",
                   type: "make_call"
                 }, e);
                 this.getVideoTacks();
-                _context8.next = 4;
-                return this.getUserMedia({
-                  audio: {
-                    noiseSuppression: !0,
-                    echoCancellation: !0
-                  }
-                });
+                _context19.next = 4;
+                return this.cameraMicrophoneStream(1, t);
 
               case 4:
-                _context8.next = 6;
+                i = _context19.sent;
+                this.camearStream = i;
+                _context19.next = 8;
                 return this.createOffer();
 
-              case 6:
-                console.log("call---->", t);
-                t.sdp = this.Offer.sdp;
-                this.send(t);
+              case 8:
+                a.sdp = this.Offer.sdp;
+                this.send(a);
 
-              case 9:
+              case 10:
               case "end":
-                return _context8.stop();
+                return _context19.stop();
             }
           }
-        }, _callee8, this);
+        }, _callee19, this);
       }));
 
-      function audioCall(_x5) {
+      function audioCall(_x11, _x12) {
         return _audioCall.apply(this, arguments);
       }
 
@@ -9798,39 +10715,89 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "answer",
     value: function () {
-      var _answer = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee9(e) {
-        var t, o;
-        return regeneratorRuntime.wrap(function _callee9$(_context9) {
+      var _answer = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee21(e, t) {
+        var _this6 = this;
+
+        var a, i, o;
+        return regeneratorRuntime.wrap(function _callee21$(_context21) {
           while (1) {
-            switch (_context9.prev = _context9.next) {
+            switch (_context21.prev = _context21.next) {
               case 0:
-                t = Object.assign({
+                a = Object.assign({
                   sdp: "",
                   type: "answer"
                 }, e);
-                this.callData = e;
-                _context9.next = 4;
-                return this.getUserMedia();
+                this.callData = e, console.log("callInType-->", this.callInType);
+                _context21.next = 4;
+                return this.cameraMicrophoneStream(this.callInType, t);
 
               case 4:
-                o = _context9.sent;
-                this.videoStream ? this.bindLocalPicture(this.videoStream) : this.bindLocalPicture(o);
-                _context9.next = 8;
+                i = _context21.sent;
+                this.camearStream = i;
+                o = this;
+                navigator.mediaDevices.ondevicechange = /*#__PURE__*/Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee20() {
+                  var r, c, n;
+                  return regeneratorRuntime.wrap(function _callee20$(_context20) {
+                    while (1) {
+                      switch (_context20.prev = _context20.next) {
+                        case 0:
+                          _context20.next = 2;
+                          return navigator.mediaDevices.enumerateDevices();
+
+                        case 2:
+                          r = _context20.sent.filter(function (c) {
+                            return c.kind === "videoinput";
+                          });
+                          console.log("videoDevices-->", r);
+                          _context20.t0 = r && r.length > 0;
+
+                          if (!_context20.t0) {
+                            _context20.next = 10;
+                            break;
+                          }
+
+                          _context20.next = 8;
+                          return o.cameraMicrophoneStream(_this6.callInType);
+
+                        case 8:
+                          i = _context20.sent;
+                          _context20.t0 = i;
+
+                        case 10:
+                          if (!_context20.t0) {
+                            _context20.next = 13;
+                            break;
+                          }
+
+                          c = i.getVideoTracks(), n = i.getAudioTracks();
+                          o.RTC.getSenders().forEach(function (l) {
+                            l.track && l.track.kind == "video" ? l.replaceTrack(c[0]) : l.track && l.track.kind == "audio" && l.replaceTrack(n[0]);
+                          }), o.camearStream = i;
+
+                        case 13:
+                        case "end":
+                          return _context20.stop();
+                      }
+                    }
+                  }, _callee20);
+                }));
+                this.bindLocalPicture(i);
+                _context21.next = 11;
                 return this.createOffer();
 
-              case 8:
-                t.sdp = this.Offer.sdp;
-                this.send(t);
+              case 11:
+                a.sdp = this.Offer.sdp;
+                this.send(a);
 
-              case 10:
+              case 13:
               case "end":
-                return _context9.stop();
+                return _context21.stop();
             }
           }
-        }, _callee9, this);
+        }, _callee21, this);
       }));
 
-      function answer(_x6) {
+      function answer(_x13, _x14) {
         return _answer.apply(this, arguments);
       }
 
@@ -9839,26 +10806,32 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "hangup",
     value: function () {
-      var _hangup = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(e) {
-        var t;
-        return regeneratorRuntime.wrap(function _callee10$(_context10) {
+      var _hangup = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee22(e) {
+        var t, a;
+        return regeneratorRuntime.wrap(function _callee22$(_context22) {
           while (1) {
-            switch (_context10.prev = _context10.next) {
+            switch (_context22.prev = _context22.next) {
               case 0:
                 t = Object.assign({
                   type: "hangup"
                 }, e);
-                console.log("hangup---->", t), this.send(t);
+                this.send(t);
+                a = this;
+                a.stopStack(), a.RTC && a.RTC.getSenders().forEach(function (o) {
+                  o && o.track && o.track.stop();
+                }), a.RTC = null, a.requestAnimationFrameTimer && cancelAnimationFrame(a.requestAnimationFrameTimer), setTimeout(function () {
+                  a.createRTC();
+                }, 1e3);
 
-              case 2:
+              case 4:
               case "end":
-                return _context10.stop();
+                return _context22.stop();
             }
           }
-        }, _callee10, this);
+        }, _callee22, this);
       }));
 
-      function hangup(_x7) {
+      function hangup(_x15) {
         return _hangup.apply(this, arguments);
       }
 
@@ -9867,27 +10840,49 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "stopStack",
     value: function () {
-      var _stopStack = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee11() {
-        var e, t;
-        return regeneratorRuntime.wrap(function _callee11$(_context11) {
+      var _stopStack = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee23() {
+        var e, t, a, _a, _a2, _a3;
+
+        return regeneratorRuntime.wrap(function _callee23$(_context23) {
           while (1) {
-            switch (_context11.prev = _context11.next) {
+            switch (_context23.prev = _context23.next) {
               case 0:
-                e = document.querySelector("#" + this.localId);
+                e = document.querySelector("#" + this.localId), t = document.getElementById(this.remoteId);
 
                 if (e.srcObject) {
-                  t = e.srcObject.getTracks();
-                  Array.isArray(t) ? t.forEach(function (o) {
-                    o.stop();
-                  }) : t.stop(), e.srcObject = null;
+                  a = e.srcObject.getTracks();
+                  Array.isArray(a) ? a.forEach(function (i) {
+                    i.stop();
+                  }) : a.stop(), e.srcObject = null;
                 }
 
-              case 2:
+                if (t.srcObject) {
+                  _a = t.srcObject.getTracks();
+                  Array.isArray(_a) ? _a.forEach(function (i) {
+                    i.stop();
+                  }) : _a.stop(), t.srcObject = null;
+                }
+
+                if (this.displayMedia) {
+                  _a2 = this.displayMedia.getTracks();
+                  Array.isArray(_a2) ? _a2.forEach(function (i) {
+                    i.stop();
+                  }) : distrack.stop();
+                }
+
+                if (this.camearStream) {
+                  _a3 = this.camearStream.getTracks();
+                  Array.isArray(_a3) ? _a3.forEach(function (i) {
+                    i.stop();
+                  }) : _a3.stop();
+                }
+
+              case 5:
               case "end":
-                return _context11.stop();
+                return _context23.stop();
             }
           }
-        }, _callee11, this);
+        }, _callee23, this);
       }));
 
       function stopStack() {
@@ -9899,48 +10894,54 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "cameraUser",
     value: function () {
-      var _cameraUser = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee12() {
-        var e, t, o, i, s;
-        return regeneratorRuntime.wrap(function _callee12$(_context12) {
+      var _cameraUser = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee24(e) {
+        var t, a, i, o, s, r, c, n;
+        return regeneratorRuntime.wrap(function _callee24$(_context24) {
           while (1) {
-            switch (_context12.prev = _context12.next) {
+            switch (_context24.prev = _context24.next) {
               case 0:
                 console.log("前置"), this.stopStack();
-                e = document.documentElement.clientHeight;
-                t = document.documentElement.clientWidth;
-                _context12.next = 5;
+                t = this.os(), a = 640, i = 480;
+                (t.isPc || t.isPhone) && (a = 640, i = 480);
+                o = i, s = a;
+                e && (e.width && (s = e.width), e.height && (o = e.height));
+                _context24.next = 7;
                 return navigator.mediaDevices.getUserMedia({
                   audio: !0,
                   video: {
                     width: {
-                      ideal: t
+                      min: s,
+                      ideal: s,
+                      max: s
                     },
                     height: {
-                      ideal: e
+                      min: o,
+                      max: o,
+                      ideal: o
                     },
                     facingMode: "user"
                   }
-                })["catch"](function (a) {
-                  console.log("user--err--", a);
+                })["catch"](function (l) {
+                  console.log("user--err--", l);
                 });
 
-              case 5:
-                o = _context12.sent;
-                this.bindLocalPicture(o);
-                i = o.getVideoTracks(), s = o.getAudioTracks();
-                this.RTC.getSenders().forEach(function (a) {
-                  a.track.kind == "video" ? a.replaceTrack(i[0]) : a.track.kind == "audio" && a.replaceTrack(s[0]);
+              case 7:
+                r = _context24.sent;
+                r.label = "userCamer", this.bindLocalPicture(r), this.presentStream = "user";
+                c = r.getVideoTracks(), n = r.getAudioTracks();
+                this.RTC.getSenders().forEach(function (l) {
+                  l.track && l.track.kind == "video" ? l.replaceTrack(c[0]) : l.track && l.track.kind == "audio" && l.replaceTrack(n[0]);
                 });
 
-              case 9:
+              case 11:
               case "end":
-                return _context12.stop();
+                return _context24.stop();
             }
           }
-        }, _callee12, this);
+        }, _callee24, this);
       }));
 
-      function cameraUser() {
+      function cameraUser(_x16) {
         return _cameraUser.apply(this, arguments);
       }
 
@@ -9949,48 +10950,54 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "cameraRear",
     value: function () {
-      var _cameraRear = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee13() {
-        var e, t, o, i, s;
-        return regeneratorRuntime.wrap(function _callee13$(_context13) {
+      var _cameraRear = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee25(e) {
+        var t, a, i, o, s, r, c, n;
+        return regeneratorRuntime.wrap(function _callee25$(_context25) {
           while (1) {
-            switch (_context13.prev = _context13.next) {
+            switch (_context25.prev = _context25.next) {
               case 0:
                 console.log("后置"), this.stopStack();
-                e = document.documentElement.clientHeight;
-                t = document.documentElement.clientWidth;
-                _context13.next = 5;
+                t = this.os(), a = 640, i = 480;
+                (t.isPc || t.isPhone) && (a = 640, i = 480);
+                o = i, s = a;
+                e && (e.width && (s = e.width), e.height && (o = e.height));
+                _context25.next = 7;
                 return navigator.mediaDevices.getUserMedia({
                   audio: !0,
                   video: {
                     width: {
-                      ideal: t
+                      min: s,
+                      ideal: s,
+                      max: s
                     },
                     height: {
-                      ideal: e
+                      min: o,
+                      max: o,
+                      ideal: o
                     },
                     facingMode: "environment"
                   }
-                })["catch"](function (a) {
-                  console.log("environment--err--", a);
+                })["catch"](function (l) {
+                  console.log("environment--err--", l);
                 });
 
-              case 5:
-                o = _context13.sent;
-                this.bindLocalPicture(o);
-                i = o.getVideoTracks(), s = o.getAudioTracks();
-                this.RTC.getSenders().forEach(function (a) {
-                  a.track.kind == "video" ? a.replaceTrack(i[0]) : a.track.kind == "audio" && a.replaceTrack(s[0]);
+              case 7:
+                r = _context25.sent;
+                r.label = "environmentCamer", this.bindLocalPicture(r), this.presentStream = "environment";
+                c = r.getVideoTracks(), n = r.getAudioTracks();
+                this.RTC.getSenders().forEach(function (l) {
+                  l.track.kind == "video" ? l.replaceTrack(c[0]) : l.track.kind == "audio" && l.replaceTrack(n[0]);
                 });
 
-              case 9:
+              case 11:
               case "end":
-                return _context13.stop();
+                return _context25.stop();
             }
           }
-        }, _callee13, this);
+        }, _callee25, this);
       }));
 
-      function cameraRear() {
+      function cameraRear(_x17) {
         return _cameraRear.apply(this, arguments);
       }
 
@@ -9999,21 +11006,94 @@ var phoneClient_j = /*#__PURE__*/function () {
   }, {
     key: "microphoneChange",
     value: function microphoneChange(e) {
-      var t = document.querySelector("#" + this.localId);
+      var t = document.getElementById(this.localId);
 
-      if (t.srcObject) {
-        var o = t.srcObject.getAudioTracks();
-        o[0].enabled = e;
+      if (t && t.srcObject) {
+        var a = t.srcObject.getAudioTracks();
+        a[0].enabled = e;
+      }
+    }
+  }, {
+    key: "cameraChange",
+    value: function cameraChange(e) {
+      var t = document.getElementById(this.localId);
+
+      if (t && t.srcObject) {
+        var a = t.srcObject.getVideoTracks();
+        a[0].enabled = e, this.localCameraStaus = a[0].enabled;
       }
     }
+  }, {
+    key: "localCameraChange",
+    value: function () {
+      var _localCameraChange = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee26(e) {
+        var t, a, i, _a4, o;
+
+        return regeneratorRuntime.wrap(function _callee26$(_context26) {
+          while (1) {
+            switch (_context26.prev = _context26.next) {
+              case 0:
+                t = this;
+
+                if (!e) {
+                  _context26.next = 9;
+                  break;
+                }
+
+                a = t.RTC.getSenders();
+                _context26.next = 5;
+                return t.createdVirtualVideo();
+
+              case 5:
+                i = _context26.sent;
+                a.forEach(function (o, s) {
+                  if (o.track && o.track.kind == "video") {
+                    var r = i.getVideoTracks()[0];
+                    o.replaceTrack(r);
+                  }
+                });
+                _context26.next = 15;
+                break;
+
+              case 9:
+                if (!t.RTC) {
+                  _context26.next = 15;
+                  break;
+                }
+
+                _a4 = t.RTC.getSenders();
+                _context26.next = 13;
+                return t.cameraMicrophoneStream(2);
+
+              case 13:
+                o = _context26.sent.getVideoTracks()[0];
+
+                _a4.forEach(function (s, r) {
+                  s && s.track && s.track.kind == "video" && s.replaceTrack(o);
+                });
+
+              case 15:
+              case "end":
+                return _context26.stop();
+            }
+          }
+        }, _callee26, this);
+      }));
+
+      function localCameraChange(_x18) {
+        return _localCameraChange.apply(this, arguments);
+      }
+
+      return localCameraChange;
+    }()
   }, {
     key: "mutedChange",
     value: function mutedChange(e) {
-      var t = document.querySelector("#audio_remote");
+      var t = document.getElementById("audio_remote");
 
       if (t.srcObject) {
-        var o = t.srcObject.getAudioTracks();
-        o[0].enabled = e;
+        var a = t.srcObject.getAudioTracks();
+        a[0].enabled = e;
       }
     }
   }, {
@@ -10022,21 +11102,255 @@ var phoneClient_j = /*#__PURE__*/function () {
       var t = Object.assign({
         type: "login_out"
       }, e);
-      console.log("loginOut-->", t), this.send(t);
+      this.send(t);
     }
   }, {
     key: "changePicture",
     value: function changePicture() {
-      console.log("changePicture--->");
-      var e = document.querySelector("#" + this.localId),
-          t = document.querySelector("#" + this.remoteId),
-          o = e.srcObject,
+      var e = document.getElementById(this.localId),
+          t = document.getElementById(this.remoteId),
+          a = e.srcObject,
           i = t.srcObject;
-      console.log(o, i), o && i && (e.srcObject = i, t.srcObject = o);
+      a && i && (e.srcObject = i, t.srcObject = a);
+    }
+  }, {
+    key: "shareStopCheckMedia",
+    value: function () {
+      var _shareStopCheckMedia = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee27(e) {
+        var t, a, i, _i, o, _i2, _o2, s;
+
+        return regeneratorRuntime.wrap(function _callee27$(_context27) {
+          while (1) {
+            switch (_context27.prev = _context27.next) {
+              case 0:
+                t = this;
+                _context27.next = 3;
+                return this.getDeviceType();
+
+              case 3:
+                a = _context27.sent;
+
+                if (console.log("deviceType-->", a, t.displayMedia), t.displayMedia) {
+                  i = t.displayMedia.getTracks();
+                  console.log("displayStream-->", i), i && i.forEach(function (o) {
+                    o.stop();
+                  });
+                }
+
+                if (!(a == 2)) {
+                  _context27.next = 14;
+                  break;
+                }
+
+                if (!t.RTC) {
+                  _context27.next = 12;
+                  break;
+                }
+
+                _i = t.RTC.getSenders();
+                _context27.next = 10;
+                return t.createdVirtualVideo(2);
+
+              case 10:
+                o = _context27.sent;
+
+                _i.forEach(function (s, r) {
+                  if (s.track) {
+                    if (s.track.kind == "video") {
+                      var c = o.getVideoTracks()[0];
+                      s.replaceTrack(c);
+                    } else if (s.track.kind == "audio") {
+                      var _c = o.getAudioTracks()[0];
+                      s.replaceTrack(_c);
+                    }
+                  }
+                });
+
+              case 12:
+                _context27.next = 21;
+                break;
+
+              case 14:
+                if (!t.RTC) {
+                  _context27.next = 21;
+                  break;
+                }
+
+                _i2 = t.RTC.getSenders();
+                _context27.next = 18;
+                return this.cameraMicrophoneStream(2, e);
+
+              case 18:
+                _o2 = _context27.sent;
+                s = _o2.getVideoTracks()[0];
+
+                _i2.forEach(function (r, c) {
+                  if (r && r.track) {
+                    if (r.track.kind == "video") r.replaceTrack(s);else if (r.track.kind == "audio") {
+                      var n = _o2.getAudioTracks()[0];
+
+                      r.replaceTrack(n);
+                    }
+                  }
+                });
+
+              case 21:
+              case "end":
+                return _context27.stop();
+            }
+          }
+        }, _callee27, this);
+      }));
+
+      function shareStopCheckMedia(_x19) {
+        return _shareStopCheckMedia.apply(this, arguments);
+      }
+
+      return shareStopCheckMedia;
+    }()
+  }, {
+    key: "stopDisplayMedia",
+    value: function stopDisplayMedia() {
+      this.displayMedia ? (this.messageBack.call(null, {
+        code: 200,
+        type: "share_end",
+        msg: "屏幕已结束"
+      }), this.shareStopCheckMedia()) : (console.log("无法获取分享视频流，请查看分享是否成功"), this.messageBack.call(null, {
+        code: -5,
+        type: "error",
+        err: "无法获取分享视频流，请查看分享是否成功" + error
+      }));
     }
+  }, {
+    key: "getDisplayMedia",
+    value: function () {
+      var _getDisplayMedia = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee29(e) {
+        var t, a, i, _a5, _i3, o;
+
+        return regeneratorRuntime.wrap(function _callee29$(_context29) {
+          while (1) {
+            switch (_context29.prev = _context29.next) {
+              case 0:
+                t = this;
+
+                if (!(e && e.sourcesId)) {
+                  _context29.next = 7;
+                  break;
+                }
+
+                _context29.next = 4;
+                return navigator.mediaDevices.getUserMedia({
+                  audio: !1,
+                  video: {
+                    mandatory: {
+                      chromeMediaSource: "desktop",
+                      chromeMediaSourceId: e.sourcesId
+                    }
+                  }
+                })["catch"](function (a) {
+                  console.log("获取屏幕共享失败：", a), t.messageBack.call(null, {
+                    code: -5,
+                    type: "error",
+                    err: "屏幕共享拉起失败_" + a
+                  });
+                });
+
+              case 4:
+                t.displayMedia = _context29.sent;
+                _context29.next = 13;
+                break;
+
+              case 7:
+                a = !1;
+                e && e.getAudio && (a = !!e.getAudio), t.shareGetAudio = a;
+                i = {
+                  cursor: "always",
+                  // width: { ideal: 960 },
+                  // height: { ideal: 660 },
+                  width: {
+                    ideal: 1280,
+                    max: 1280
+                  },
+                  height: {
+                    ideal: 720,
+                    max: 720
+                  },
+                  resizeMode: "crop-and-scale",
+                  chromeMediaSource: "desktop",
+                  logicalSurface: !1
+                };
+                _context29.next = 12;
+                return navigator.mediaDevices.getDisplayMedia({
+                  video: i,
+                  audio: a,
+                  displaySurface: "browser"
+                })["catch"](function (o) {
+                  console.log("获取屏幕共享失败：", o), t.messageBack.call(null, {
+                    code: -5,
+                    type: "error",
+                    err: "屏幕共享拉起失败_" + o
+                  });
+                });
+
+              case 12:
+                t.displayMedia = _context29.sent;
+
+              case 13:
+                if (t.displayMedia) {
+                  t.bindLocalPicture(t.displayMedia);
+                  _a5 = t.displayMedia.getVideoTracks(), _i3 = t.displayMedia.getAudioTracks();
+                  t.messageBack.call(null, {
+                    code: 200,
+                    type: "share_start",
+                    message: "开始屏幕共享",
+                    data: {}
+                  });
+                  o = t.RTC.getSenders();
+                  o.forEach(function (s, r) {
+                    s.track && (s.track.kind == "video" ? s.replaceTrack(_a5[0]) : s.track.kind == "audio" && t.shareGetAudio && s.replaceTrack(_i3[0]));
+                  }), o && o.length > 0 && t.messageBack.call(null, {
+                    code: 200,
+                    type: "share_sharing",
+                    message: "正在共享",
+                    data: {}
+                  }), t.displayMedia.getVideoTracks()[0].addEventListener("ended", /*#__PURE__*/Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee28() {
+                    return regeneratorRuntime.wrap(function _callee28$(_context28) {
+                      while (1) {
+                        switch (_context28.prev = _context28.next) {
+                          case 0:
+                            console.log("结束共享------"), t.messageBack.call(null, {
+                              code: 200,
+                              type: "share_end",
+                              message: "屏幕已结束",
+                              data: {}
+                            }), t.shareGetAudio = !1, t.shareStopCheckMedia();
+
+                          case 1:
+                          case "end":
+                            return _context28.stop();
+                        }
+                      }
+                    }, _callee28);
+                  })));
+                }
+
+              case 14:
+              case "end":
+                return _context29.stop();
+            }
+          }
+        }, _callee29, this);
+      }));
+
+      function getDisplayMedia(_x20) {
+        return _getDisplayMedia.apply(this, arguments);
+      }
+
+      return getDisplayMedia;
+    }()
   }]);
 
-  return j;
+  return O;
 }();
 
 
@@ -10146,7 +11460,7 @@ var common_request_getH265PlayerObj = function getH265PlayerObj(rtcServe, docePr
 };
 
 var common_request_initPhoneClientWs = function initPhoneClientWs(ws) {
-  var phoneClientObj = new phoneClient_j(ws);
+  var phoneClientObj = new phoneClient_O(ws);
   return phoneClientObj;
 }; // 组合发送ws信息
 
@@ -10268,8 +11582,14 @@ var common_request_wsClass = /*#__PURE__*/function () {
 
       _classPrivateFieldSet(this, _player, null);
 
-      this.socket.closeSocket();
-      if (_classPrivateFieldGet(this, _phoneClientObj)) _classPrivateFieldGet(this, _phoneClientObj).onclose();
+      this.socket.closeSocket(1000, '通知关闭websocket连接');
+      this.socket = null;
+
+      if (_classPrivateFieldGet(this, _phoneClientObj)) {
+        _classPrivateFieldGet(this, _phoneClientObj).onclose();
+
+        _classPrivateFieldSet(this, _phoneClientObj, null);
+      }
     }
   }]);