xjzh-component 0.1.39 → 0.1.40

package/dist/xjzh-component.common.js

@@ -13,6 +13,27 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 57:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-bitmap-canvas[data-v-49624fc9]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-49624fc9]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-49624fc9]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-bitmap-canvas .itemBox canvas[data-v-49624fc9]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-bitmap-canvas .itemBox[data-v-49624fc9]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-49624fc9]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 81:
@@ -35,27 +56,6 @@ module.exports = function (argument, usingIterator) {
 };
 
 
-/***/ }),
-
-/***/ 181:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".XjzhFaceImgCanvas[data-v-31ed869f],.XjzhFaceImgCanvas canvas[data-v-31ed869f]{width:100%;height:100%}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 184:
@@ -412,6 +412,27 @@ Function.prototype.toString = makeBuiltIn(function toString() {
 }, 'toString');
 
 
+/***/ }),
+
+/***/ 341:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".XjzhFaceImgCanvas[data-v-49705fa2],.XjzhFaceImgCanvas canvas[data-v-49705fa2]{width:100%;height:100%}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 350:
@@ -581,27 +602,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ 961:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-set-bitmap-canvas[data-v-564ba779]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.xjzh-set-bitmap-canvas .video-item[data-v-564ba779]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-bitmap-canvas .video-item .item-head[data-v-564ba779]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-bitmap-canvas .video-item .item-head span[data-v-564ba779]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-bitmap-canvas .video-item .set-screen[data-v-564ba779]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-bitmap-canvas .video-item .set-screen img[data-v-564ba779]{width:100%;height:100%}.xjzh-set-bitmap-canvas .video-item .set-full-screen[data-v-564ba779]{width:48px;height:48px}.xjzh-set-bitmap-canvas .video-item canvas[data-v-564ba779]{width:100%;height:100%}.xjzh-set-bitmap-canvas .full-screen[data-v-564ba779]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 983:
@@ -1178,24 +1178,19 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-signature[data-v-345804f2]{width
 
 /***/ }),
 
-/***/ 1599:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
+/***/ 1551:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-bitmap-canvas[data-v-68982cf3]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-68982cf3]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-68982cf3]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-bitmap-canvas .itemBox canvas[data-v-68982cf3]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-bitmap-canvas .itemBox[data-v-68982cf3]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-68982cf3]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+// style-loader: Adds some css to the DOM by adding a <style> tag
 
+// load the styles
+var content = __webpack_require__(5953);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("2caeaa4b", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1221,22 +1216,6 @@ var uncurryThis = __webpack_require__(9504);
 module.exports = uncurryThis({}.isPrototypeOf);
 
 
-/***/ }),
-
-/***/ 1664:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(5590);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("185fffc6", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 1736:
@@ -1479,22 +1458,6 @@ module.exports = Object.create || function create(O, Properties) {
 };
 
 
-/***/ }),
-
-/***/ 2523:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(961);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("047bf2bd", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 2652:
@@ -1697,6 +1660,27 @@ var userAgent = navigator && navigator.userAgent;
 module.exports = userAgent ? String(userAgent) : '';
 
 
+/***/ }),
+
+/***/ 3077:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-set-canvas[data-v-1e1bebb4]{width:100%;height:100%;display:flex;align-items:center;flex-wrap:wrap}.xjzh-set-canvas .video-item[data-v-1e1bebb4]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-canvas .video-item .item-head[data-v-1e1bebb4]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-canvas .video-item .item-head span[data-v-1e1bebb4]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-canvas .video-item .set-screen[data-v-1e1bebb4]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-canvas .video-item .set-screen img[data-v-1e1bebb4]{width:100%;height:100%}.xjzh-set-canvas .video-item .set-full-screen[data-v-1e1bebb4]{width:48px;height:48px}.xjzh-set-canvas .video-item canvas[data-v-1e1bebb4]{width:100%;height:100%}.xjzh-set-canvas .full-screen[data-v-1e1bebb4]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 3392:
@@ -5143,6 +5127,22 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACN
 
 /***/ }),
 
+/***/ 5370:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(9236);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("75022005", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 5397:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -5157,27 +5157,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ 5590:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-set-canvas[data-v-37e48570]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.xjzh-set-canvas .video-item[data-v-37e48570]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-canvas .video-item .item-head[data-v-37e48570]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-canvas .video-item .item-head span[data-v-37e48570]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-canvas .video-item .set-screen[data-v-37e48570]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-canvas .video-item .set-screen img[data-v-37e48570]{width:100%;height:100%}.xjzh-set-canvas .video-item .set-full-screen[data-v-37e48570]{width:48px;height:48px}.xjzh-set-canvas .video-item canvas[data-v-37e48570]{width:100%;height:100%}.xjzh-set-canvas .full-screen[data-v-37e48570]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 5610:
@@ -5705,6 +5684,27 @@ module.exports = !DESCRIPTORS && !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ 5953:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-img-canvas[data-v-2bdc667e]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-2bdc667e]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-2bdc667e]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-img-canvas .itemBox canvas[data-v-2bdc667e]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-img-canvas .itemBox[data-v-2bdc667e]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-2bdc667e]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 5966:
@@ -5898,6 +5898,22 @@ module.exports = function (obj) {
 };
 
 
+/***/ }),
+
+/***/ 6201:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(7111);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("d9183352", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 6269:
@@ -7360,22 +7376,6 @@ module.exports = function (cssWithMappingToString) {
 
 /***/ }),
 
-/***/ 6368:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(8662);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("382187d8", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ 6395:
 /***/ (function(module) {
 
@@ -9755,6 +9755,22 @@ module.exports = function (O, key, value, options) {
 };
 
 
+/***/ }),
+
+/***/ 6879:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(341);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("5475d40e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 6955:
@@ -9892,6 +9908,27 @@ function isFunction (fn) {
 };
 
 
+/***/ }),
+
+/***/ 7111:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-set-bitmap-canvas[data-v-3210c156]{width:100%;height:100%;display:flex;align-items:center;flex-wrap:wrap}.xjzh-set-bitmap-canvas .video-item[data-v-3210c156]{width:640px;height:360px;background-color:#eee;border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.xjzh-set-bitmap-canvas .video-item .item-head[data-v-3210c156]{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;right:12px;left:12px;z-index:99}.xjzh-set-bitmap-canvas .video-item .item-head span[data-v-3210c156]{background-color:#fff;color:#0076f6;font-size:18px;padding:5px 8px;border-radius:6px}.xjzh-set-bitmap-canvas .video-item .set-screen[data-v-3210c156]{width:20px;height:20px;cursor:pointer;position:absolute;right:12px;bottom:8px;font-size:18px}.xjzh-set-bitmap-canvas .video-item .set-screen img[data-v-3210c156]{width:100%;height:100%}.xjzh-set-bitmap-canvas .video-item .set-full-screen[data-v-3210c156]{width:48px;height:48px}.xjzh-set-bitmap-canvas .video-item canvas[data-v-3210c156]{width:100%;height:100%}.xjzh-set-bitmap-canvas .full-screen[data-v-3210c156]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 7347:
@@ -10117,38 +10154,6 @@ var store = module.exports = globalThis[SHARED] || defineGlobalProperty(SHARED,
 });
 
 
-/***/ }),
-
-/***/ 7645:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(1599);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("54fb9bad", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
-/***/ 7655:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(181);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("54599ae6", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 7657:
@@ -10288,6 +10293,22 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ 8019:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(57);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("90ff9512", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 8111:
@@ -10442,27 +10463,6 @@ var WeakMap = globalThis.WeakMap;
 module.exports = isCallable(WeakMap) && /native code/.test(String(WeakMap));
 
 
-/***/ }),
-
-/***/ 8662:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".xjzh-img-canvas[data-v-49a3192c]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-49a3192c]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-49a3192c]{width:30px;height:30px;padding:0;margin:0;font-size:20px;border-radius:50%;text-align:center;line-height:30px;position:absolute;left:10px;top:10px;z-index:999;background-color:#fff;color:#0076f6}.xjzh-img-canvas .itemBox canvas[data-v-49a3192c]{margin:0;padding:0;width:100%;height:100%;will-change:transform;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.xjzh-img-canvas .itemBox[data-v-49a3192c]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-49a3192c]{width:100%!important;height:100%!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 8670:
@@ -10694,27 +10694,6 @@ exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
 } : $propertyIsEnumerable;
 
 
-/***/ }),
-
-/***/ 8942:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".XjzhFaceImgCanvas[data-v-e027fd4c],.XjzhFaceImgCanvas canvas[data-v-e027fd4c]{width:100%;height:100%}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 8962:
@@ -10814,6 +10793,27 @@ module.exports = function (exec) {
 };
 
 
+/***/ }),
+
+/***/ 9236:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".XjzhFaceImgCanvas[data-v-ff09467c],.XjzhFaceImgCanvas canvas[data-v-ff09467c]{width:100%;height:100%}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 9297:
@@ -10874,6 +10874,22 @@ module.exports = function (key, value) {
 };
 
 
+/***/ }),
+
+/***/ 9495:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(3077);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("4d974a12", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 9504:
@@ -10963,22 +10979,6 @@ module.exports = function (iterator, kind, value) {
 };
 
 
-/***/ }),
-
-/***/ 9544:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(8942);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("7f22ca0b", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 9548:
@@ -11558,7 +11558,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=template&id=49a3192c&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=template&id=2bdc667e&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -11767,10 +11767,19 @@ function initWorker() {
         return [1920, 1080];
       }
     },
-    // 每秒帧数
-    framesPerSecond: {
-      type: Number,
-      default: 30
+    sucmCameraInfo: {
+      type: Object,
+      default: () => {
+        return {
+          frameRate: 30,
+          // 实际推送帧数
+          cameras: 3,
+          // 实际推送画面数据
+          enableFace: 1,
+          // 是否启用人脸 0 未启用人脸， 1 启用人脸
+          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+        };
+      }
     },
     // 一秒渲染多少帧
     frameRate: {
@@ -11778,15 +11787,6 @@ function initWorker() {
       default: 30
     }
   },
-  watch: {
-    isSwitchSide: {
-      handler() {
-        if (this.cameraType[2]) {
-          this.cameraType[2].label = this.isSwitchSide ? '显' : '侧';
-        }
-      }
-    }
-  },
   data() {
     return {
       cameraNum: 0,
@@ -11908,7 +11908,7 @@ function initWorker() {
     showCanvas(type, blob) {
       this.cameraObj[type].totalFPS++;
       if (!this.cameraObj[type] || !this.cameraObj[type].imgBox || !this.cameraObj[type].ctx) return;
-      if (Math.abs(this.cameraObj[type].totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
+      if (Math.abs(this.cameraObj[type].totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
 
       if (this.currentFullScreen && this.currentFullScreen !== type) {
         this.destroyUrl(type);
@@ -11952,9 +11952,10 @@ function initWorker() {
     },
     // 侧视，显微镜画面切换
     switchVideo() {
-      if (!this.cameraObj.side) return;
+      let typeArr = ['main', 'sub', 'side', 'face'];
+      if (!this.cameraObj[typeArr[this.sucmCameraInfo.replace]]) return;
       let plugOut = JSON.parse(localStorage.getItem('plugOut'));
-      this.cameraObj.side.title = plugOut == 0 ? '显' : '侧';
+      this.cameraObj[typeArr[this.sucmCameraInfo.replace]].title = plugOut == 0 ? '显' : '侧';
       this.$forceUpdate();
     },
     handleScreen(type) {
@@ -12022,9 +12023,9 @@ function initWorker() {
 });
 ;// ./packages/components/xjzhImgCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhImgCanvasvue_type_script_lang_js = (xjzhImgCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=49a3192c&prod&lang=scss&scoped=true
-var xjzhImgCanvasvue_type_style_index_0_id_49a3192c_prod_lang_scss_scoped_true = __webpack_require__(6368);
-;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=49a3192c&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=2bdc667e&prod&lang=scss&scoped=true
+var xjzhImgCanvasvue_type_style_index_0_id_2bdc667e_prod_lang_scss_scoped_true = __webpack_require__(1551);
+;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=2bdc667e&prod&lang=scss&scoped=true
 
 ;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -12139,14 +12140,14 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "49a3192c",
+  "2bdc667e",
   null
   
 )
 
 /* harmony default export */ var xjzhImgCanvas = (component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=template&id=68982cf3&scoped=true
-var xjzhBitmapCanvasvue_type_template_id_68982cf3_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=template&id=49624fc9&scoped=true
+var xjzhBitmapCanvasvue_type_template_id_49624fc9_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -12178,7 +12179,7 @@ var xjzhBitmapCanvasvue_type_template_id_68982cf3_scoped_true_render = function
     })]);
   }), 0);
 };
-var xjzhBitmapCanvasvue_type_template_id_68982cf3_scoped_true_staticRenderFns = [];
+var xjzhBitmapCanvasvue_type_template_id_49624fc9_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=script&lang=js
 
@@ -12211,10 +12212,19 @@ var xjzhBitmapCanvasvue_type_template_id_68982cf3_scoped_true_staticRenderFns =
         return [1920, 1080];
       }
     },
-    // 每秒帧数
-    framesPerSecond: {
-      type: Number,
-      default: 30
+    sucmCameraInfo: {
+      type: Object,
+      default: () => {
+        return {
+          frameRate: 30,
+          // 实际推送帧数
+          cameras: 3,
+          // 实际推送画面数据
+          enableFace: 1,
+          // 是否启用人脸 0 未启用人脸， 1 启用人脸
+          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+        };
+      }
     },
     // 一秒渲染多少帧
     frameRate: {
@@ -12350,7 +12360,7 @@ var xjzhBitmapCanvasvue_type_template_id_68982cf3_scoped_true_staticRenderFns =
     showCanvas(type, blob) {
       this.cameraObj[type].totalFPS++;
       if (!this.cameraObj[type] || !this.cameraObj[type].ctx) return;
-      if (Math.abs(this.cameraObj[type].totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
+      if (Math.abs(this.cameraObj[type].totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
       if (this.currentFullScreen && this.currentFullScreen !== type) {
         this.destroyUrl(type);
         return;
@@ -12389,9 +12399,10 @@ var xjzhBitmapCanvasvue_type_template_id_68982cf3_scoped_true_staticRenderFns =
     },
     // 侧视，显微镜画面切换
     switchVideo() {
-      if (!this.cameraObj.side) return;
+      let typeArr = ['main', 'sub', 'side', 'face'];
+      if (!this.cameraObj[typeArr[this.sucmCameraInfo.replace]]) return;
       let plugOut = JSON.parse(localStorage.getItem('plugOut'));
-      this.cameraObj.side.title = plugOut == 0 ? '显' : '侧';
+      this.cameraObj[typeArr[this.sucmCameraInfo.replace]].title = plugOut == 0 ? '显' : '侧';
       this.$forceUpdate();
     },
     handleScreen(type) {
@@ -12465,9 +12476,9 @@ var xjzhBitmapCanvasvue_type_template_id_68982cf3_scoped_true_staticRenderFns =
 });
 ;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhBitmapCanvasvue_type_script_lang_js = (xjzhBitmapCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=68982cf3&prod&lang=scss&scoped=true
-var xjzhBitmapCanvasvue_type_style_index_0_id_68982cf3_prod_lang_scss_scoped_true = __webpack_require__(7645);
-;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=68982cf3&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=49624fc9&prod&lang=scss&scoped=true
+var xjzhBitmapCanvasvue_type_style_index_0_id_49624fc9_prod_lang_scss_scoped_true = __webpack_require__(8019);
+;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=49624fc9&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhBitmapCanvas.vue
 
@@ -12480,18 +12491,18 @@ var xjzhBitmapCanvasvue_type_style_index_0_id_68982cf3_prod_lang_scss_scoped_tru
 
 var xjzhBitmapCanvas_component = normalizeComponent(
   components_xjzhBitmapCanvasvue_type_script_lang_js,
-  xjzhBitmapCanvasvue_type_template_id_68982cf3_scoped_true_render,
-  xjzhBitmapCanvasvue_type_template_id_68982cf3_scoped_true_staticRenderFns,
+  xjzhBitmapCanvasvue_type_template_id_49624fc9_scoped_true_render,
+  xjzhBitmapCanvasvue_type_template_id_49624fc9_scoped_true_staticRenderFns,
   false,
   null,
-  "68982cf3",
+  "49624fc9",
   null
   
 )
 
 /* harmony default export */ var xjzhBitmapCanvas = (xjzhBitmapCanvas_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetCanvas.vue?vue&type=template&id=37e48570&scoped=true
-var xjzhSetCanvasvue_type_template_id_37e48570_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetCanvas.vue?vue&type=template&id=1e1bebb4&scoped=true
+var xjzhSetCanvasvue_type_template_id_1e1bebb4_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -12566,7 +12577,7 @@ var xjzhSetCanvasvue_type_template_id_37e48570_scoped_true_render = function ren
     })])]);
   }), 0);
 };
-var xjzhSetCanvasvue_type_template_id_37e48570_scoped_true_staticRenderFns = [];
+var xjzhSetCanvasvue_type_template_id_1e1bebb4_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -12591,21 +12602,20 @@ var es_array_push = __webpack_require__(4114);
       type: Boolean,
       default: false
     },
-    storeCameraInfo: {
+    sucmCameraInfo: {
       type: Object,
       default: () => {
         return {
+          frameRate: 30,
+          // 实际推送帧数
           cameras: 3,
-          // 摄像头数量（不包含人脸摄像头） 2-斜、俯 | 3-斜、俯、侧、
-          enableFace: 1 // 是否启动人脸 0-未启用 | 1-启动
+          // 实际推送画面数据
+          enableFace: 1,
+          // 是否启用人脸 0 未启用人脸， 1 启用人脸
+          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
         };
       }
     },
-    // 每秒帧数
-    framesPerSecond: {
-      type: Number,
-      default: 30
-    },
     // 一秒渲染多少帧
     frameRate: {
       type: Number,
@@ -12711,6 +12721,9 @@ var es_array_push = __webpack_require__(4114);
           isFullScreen: false,
           isShow: true
         });
+        if (this.sucmCameraInfo.enableFace === 0 && this.cameraType[i].value === 'face') {
+          this.cameraArr[i].isShow = false;
+        }
       }
       this.switchVideo();
     },
@@ -12735,7 +12748,7 @@ var es_array_push = __webpack_require__(4114);
             this.cameraNum = data;
             if (this.videoList.length === 0) {
               for (let i = 0; i < this.cameraNum; i++) {
-                if (this.storeCameraInfo.cameras < i + 1) {
+                if (this.sucmCameraInfo.cameras < i + 1) {
                   this.initVideoList[i].disabled = true;
                 }
                 this.videoList.push(this.initVideoList[i]);
@@ -12876,7 +12889,7 @@ var es_array_push = __webpack_require__(4114);
     showCanvas(i, blob) {
       this.cameraArr[i].totalFPS++;
       if (!this.cameraArr[i] || !this.cameraArr[i].imgBox || !this.cameraArr[i].ctx) return; // 跳过没有canvas对象画面
-      if (Math.abs(this.cameraArr[i].totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
+      if (Math.abs(this.cameraArr[i].totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
       if (this.currentFullScreen && this.currentFullScreen !== i) {
         // 全屏 其他画面不做处理
         this.destroyUrl(i);
@@ -12919,9 +12932,10 @@ var es_array_push = __webpack_require__(4114);
     },
     // 侧视，显微镜画面切换
     switchVideo() {
-      if (!this.cameraArr[2]) return;
+      let replace = JSON.parse(localStorage.getItem('replace')) || 2;
+      if (!this.cameraArr[replace]) return;
       let plugOut = JSON.parse(localStorage.getItem('plugOut'));
-      this.cameraArr[2].name = plugOut == 0 ? '显微镜画面' : '侧视画面';
+      this.cameraArr[replace].name = plugOut == 0 ? '显微镜画面' : '侧视画面';
     },
     // 销毁摄像头，worker
     destroyWorker() {
@@ -12963,9 +12977,9 @@ var es_array_push = __webpack_require__(4114);
 });
 ;// ./packages/components/xjzhSetCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhSetCanvasvue_type_script_lang_js = (xjzhSetCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=37e48570&prod&lang=scss&scoped=true
-var xjzhSetCanvasvue_type_style_index_0_id_37e48570_prod_lang_scss_scoped_true = __webpack_require__(1664);
-;// ./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=37e48570&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=1e1bebb4&prod&lang=scss&scoped=true
+var xjzhSetCanvasvue_type_style_index_0_id_1e1bebb4_prod_lang_scss_scoped_true = __webpack_require__(9495);
+;// ./packages/components/xjzhSetCanvas.vue?vue&type=style&index=0&id=1e1bebb4&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhSetCanvas.vue
 
@@ -12978,18 +12992,18 @@ var xjzhSetCanvasvue_type_style_index_0_id_37e48570_prod_lang_scss_scoped_true =
 
 var xjzhSetCanvas_component = normalizeComponent(
   components_xjzhSetCanvasvue_type_script_lang_js,
-  xjzhSetCanvasvue_type_template_id_37e48570_scoped_true_render,
-  xjzhSetCanvasvue_type_template_id_37e48570_scoped_true_staticRenderFns,
+  xjzhSetCanvasvue_type_template_id_1e1bebb4_scoped_true_render,
+  xjzhSetCanvasvue_type_template_id_1e1bebb4_scoped_true_staticRenderFns,
   false,
   null,
-  "37e48570",
+  "1e1bebb4",
   null
   
 )
 
 /* harmony default export */ var xjzhSetCanvas = (xjzhSetCanvas_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=template&id=564ba779&scoped=true
-var xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=template&id=3210c156&scoped=true
+var xjzhSetBitmapCanvasvue_type_template_id_3210c156_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -13064,7 +13078,7 @@ var xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_render = functi
     })])]);
   }), 0);
 };
-var xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_staticRenderFns = [];
+var xjzhSetBitmapCanvasvue_type_template_id_3210c156_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=script&lang=js
 
@@ -13081,21 +13095,20 @@ var xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_staticRenderFns
       type: Boolean,
       default: false
     },
-    storeCameraInfo: {
+    sucmCameraInfo: {
       type: Object,
       default: () => {
         return {
+          frameRate: 30,
+          // 实际推送帧数
           cameras: 3,
-          // 摄像头数量（不包含人脸摄像头） 2-斜、俯 | 3-斜、俯、侧、
-          enableFace: 1 // 是否启动人脸 0-未启用 | 1-启动
+          // 实际推送画面数据
+          enableFace: 1,
+          // 是否启用人脸 0 未启用人脸， 1 启用人脸
+          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
         };
       }
     },
-    // 每秒帧数
-    framesPerSecond: {
-      type: Number,
-      default: 30
-    },
     // 一秒渲染多少帧
     frameRate: {
       type: Number,
@@ -13201,6 +13214,9 @@ var xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_staticRenderFns
           isFullScreen: false,
           isShow: true
         });
+        if (this.sucmCameraInfo.enableFace === 0 && this.cameraType[i].value === 'face') {
+          this.cameraArr[i].isShow = false;
+        }
       }
       this.switchVideo();
     },
@@ -13225,7 +13241,7 @@ var xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_staticRenderFns
             this.cameraNum = data;
             if (this.videoList.length === 0) {
               for (let i = 0; i < this.cameraNum; i++) {
-                if (this.storeCameraInfo.cameras < i + 1) {
+                if (this.sucmCameraInfo.cameras < i + 1) {
                   this.initVideoList[i].disabled = true;
                 }
                 this.videoList.push(this.initVideoList[i]);
@@ -13365,7 +13381,7 @@ var xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_staticRenderFns
     showCanvas(i, blob) {
       this.cameraArr[i].totalFPS++;
       if (!this.cameraArr[i] || !this.cameraArr[i].ctx) return; // 跳过没有canvas对象画面
-      if (Math.abs(this.cameraArr[i].totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
+      if (Math.abs(this.cameraArr[i].totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
       if (this.currentFullScreen && this.currentFullScreen !== i) {
         // 全屏 其他画面不做处理
         this.destroyUrl(i);
@@ -13412,9 +13428,10 @@ var xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_staticRenderFns
     },
     // 侧视，显微镜画面切换
     switchVideo() {
-      if (!this.cameraArr[2]) return;
+      let replace = JSON.parse(localStorage.getItem('cameraInfo')).replace || 2;
+      if (!this.cameraArr[replace]) return;
       let plugOut = JSON.parse(localStorage.getItem('plugOut'));
-      this.cameraArr[2].name = plugOut == 0 ? '显微镜画面' : '侧视画面';
+      this.cameraArr[replace].name = plugOut == 0 ? '显微镜画面' : '侧视画面';
     },
     // 销毁摄像头，worker
     destroyWorker() {
@@ -13458,9 +13475,9 @@ var xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_staticRenderFns
 });
 ;// ./packages/components/xjzhSetBitmapCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhSetBitmapCanvasvue_type_script_lang_js = (xjzhSetBitmapCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=564ba779&prod&lang=scss&scoped=true
-var xjzhSetBitmapCanvasvue_type_style_index_0_id_564ba779_prod_lang_scss_scoped_true = __webpack_require__(2523);
-;// ./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=564ba779&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=3210c156&prod&lang=scss&scoped=true
+var xjzhSetBitmapCanvasvue_type_style_index_0_id_3210c156_prod_lang_scss_scoped_true = __webpack_require__(6201);
+;// ./packages/components/xjzhSetBitmapCanvas.vue?vue&type=style&index=0&id=3210c156&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhSetBitmapCanvas.vue
 
@@ -13473,23 +13490,23 @@ var xjzhSetBitmapCanvasvue_type_style_index_0_id_564ba779_prod_lang_scss_scoped_
 
 var xjzhSetBitmapCanvas_component = normalizeComponent(
   components_xjzhSetBitmapCanvasvue_type_script_lang_js,
-  xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_render,
-  xjzhSetBitmapCanvasvue_type_template_id_564ba779_scoped_true_staticRenderFns,
+  xjzhSetBitmapCanvasvue_type_template_id_3210c156_scoped_true_render,
+  xjzhSetBitmapCanvasvue_type_template_id_3210c156_scoped_true_staticRenderFns,
   false,
   null,
-  "564ba779",
+  "3210c156",
   null
   
 )
 
 /* harmony default export */ var xjzhSetBitmapCanvas = (xjzhSetBitmapCanvas_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=template&id=31ed869f&scoped=true
-var xjzhFaceImgCanvasvue_type_template_id_31ed869f_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=template&id=49705fa2&scoped=true
+var xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm._m(0);
 };
-var xjzhFaceImgCanvasvue_type_template_id_31ed869f_scoped_true_staticRenderFns = [function () {
+var xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -13501,7 +13518,7 @@ var xjzhFaceImgCanvasvue_type_template_id_31ed869f_scoped_true_staticRenderFns =
   })]);
 }];
 
-;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=template&id=31ed869f&scoped=true
+;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=template&id=49705fa2&scoped=true
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=script&lang=js
 
@@ -13518,10 +13535,19 @@ var xjzhFaceImgCanvasvue_type_template_id_31ed869f_scoped_true_staticRenderFns =
       type: String,
       default: 'localhost:56000'
     },
-    // 每秒帧数
-    framesPerSecond: {
-      type: Number,
-      default: 30
+    sucmCameraInfo: {
+      type: Object,
+      default: () => {
+        return {
+          frameRate: 30,
+          // 实际推送帧数
+          cameras: 3,
+          // 实际推送画面数据
+          enableFace: 1,
+          // 是否启用人脸 0 未启用人脸， 1 启用人脸
+          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+        };
+      }
     },
     // 一秒渲染多少帧
     frameRate: {
@@ -13623,7 +13649,7 @@ var xjzhFaceImgCanvasvue_type_template_id_31ed869f_scoped_true_staticRenderFns =
     showCanvas(blob) {
       this.cameraObj.totalFPS++;
       if (!this.cameraObj || !this.cameraObj.imgBox || !this.cameraObj.ctx) return; // 跳过没有canvas对象画面
-      if (Math.abs(this.cameraObj.totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
+      if (Math.abs(this.cameraObj.totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
       if (this.cameraObj.isLoading) return;
       this.cameraObj.isLoading = true;
       this.cameraObj.allUrl.unshift(URL.createObjectURL(blob));
@@ -13687,9 +13713,9 @@ var xjzhFaceImgCanvasvue_type_template_id_31ed869f_scoped_true_staticRenderFns =
 });
 ;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhFaceImgCanvasvue_type_script_lang_js = (xjzhFaceImgCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=31ed869f&prod&lang=scss&scoped=true
-var xjzhFaceImgCanvasvue_type_style_index_0_id_31ed869f_prod_lang_scss_scoped_true = __webpack_require__(7655);
-;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=31ed869f&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=49705fa2&prod&lang=scss&scoped=true
+var xjzhFaceImgCanvasvue_type_style_index_0_id_49705fa2_prod_lang_scss_scoped_true = __webpack_require__(6879);
+;// ./packages/components/xjzhFaceImgCanvas.vue?vue&type=style&index=0&id=49705fa2&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhFaceImgCanvas.vue
 
@@ -13702,23 +13728,23 @@ var xjzhFaceImgCanvasvue_type_style_index_0_id_31ed869f_prod_lang_scss_scoped_tr
 
 var xjzhFaceImgCanvas_component = normalizeComponent(
   components_xjzhFaceImgCanvasvue_type_script_lang_js,
-  xjzhFaceImgCanvasvue_type_template_id_31ed869f_scoped_true_render,
-  xjzhFaceImgCanvasvue_type_template_id_31ed869f_scoped_true_staticRenderFns,
+  xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_render,
+  xjzhFaceImgCanvasvue_type_template_id_49705fa2_scoped_true_staticRenderFns,
   false,
   null,
-  "31ed869f",
+  "49705fa2",
   null
   
 )
 
 /* harmony default export */ var xjzhFaceImgCanvas = (xjzhFaceImgCanvas_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=template&id=e027fd4c&scoped=true
-var xjzhFaceBitmapCanvasvue_type_template_id_e027fd4c_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=template&id=ff09467c&scoped=true
+var xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm._m(0);
 };
-var xjzhFaceBitmapCanvasvue_type_template_id_e027fd4c_scoped_true_staticRenderFns = [function () {
+var xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -13730,7 +13756,7 @@ var xjzhFaceBitmapCanvasvue_type_template_id_e027fd4c_scoped_true_staticRenderFn
   })]);
 }];
 
-;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=template&id=e027fd4c&scoped=true
+;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=template&id=ff09467c&scoped=true
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=script&lang=js
 
@@ -13741,10 +13767,19 @@ var xjzhFaceBitmapCanvasvue_type_template_id_e027fd4c_scoped_true_staticRenderFn
       type: String,
       default: 'localhost:56000'
     },
-    // 每秒帧数
-    framesPerSecond: {
-      type: Number,
-      default: 30
+    sucmCameraInfo: {
+      type: Object,
+      default: () => {
+        return {
+          frameRate: 30,
+          // 实际推送帧数
+          cameras: 3,
+          // 实际推送画面数据
+          enableFace: 1,
+          // 是否启用人脸 0 未启用人脸， 1 启用人脸
+          replace: 2 // 0, 1, 2, 3 对应 斜，俯，侧，人脸 替换为显微镜画面
+        };
+      }
     },
     // 一秒渲染多少帧
     frameRate: {
@@ -13845,7 +13880,7 @@ var xjzhFaceBitmapCanvasvue_type_template_id_e027fd4c_scoped_true_staticRenderFn
     showCanvas(blob) {
       this.cameraObj.totalFPS++;
       if (!this.cameraObj || !this.cameraObj.ctx) return; // 跳过没有canvas对象画面
-      if (Math.abs(this.cameraObj.totalFPS % (this.framesPerSecond / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
+      if (Math.abs(this.cameraObj.totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
 
       if (!this.cameraObj.isLoading) {
         this.cameraObj.isLoading = true;
@@ -13916,9 +13951,9 @@ var xjzhFaceBitmapCanvasvue_type_template_id_e027fd4c_scoped_true_staticRenderFn
 });
 ;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=script&lang=js
  /* harmony default export */ var components_xjzhFaceBitmapCanvasvue_type_script_lang_js = (xjzhFaceBitmapCanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=e027fd4c&prod&lang=scss&scoped=true
-var xjzhFaceBitmapCanvasvue_type_style_index_0_id_e027fd4c_prod_lang_scss_scoped_true = __webpack_require__(9544);
-;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=e027fd4c&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=ff09467c&prod&lang=scss&scoped=true
+var xjzhFaceBitmapCanvasvue_type_style_index_0_id_ff09467c_prod_lang_scss_scoped_true = __webpack_require__(5370);
+;// ./packages/components/xjzhFaceBitmapCanvas.vue?vue&type=style&index=0&id=ff09467c&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhFaceBitmapCanvas.vue
 
@@ -13931,11 +13966,11 @@ var xjzhFaceBitmapCanvasvue_type_style_index_0_id_e027fd4c_prod_lang_scss_scoped
 
 var xjzhFaceBitmapCanvas_component = normalizeComponent(
   components_xjzhFaceBitmapCanvasvue_type_script_lang_js,
-  xjzhFaceBitmapCanvasvue_type_template_id_e027fd4c_scoped_true_render,
-  xjzhFaceBitmapCanvasvue_type_template_id_e027fd4c_scoped_true_staticRenderFns,
+  xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_scoped_true_render,
+  xjzhFaceBitmapCanvasvue_type_template_id_ff09467c_scoped_true_staticRenderFns,
   false,
   null,
-  "e027fd4c",
+  "ff09467c",
   null
   
 )