xjzh-component 0.1.44 → 0.1.46

package/dist/xjzh-component.common.js

@@ -35,27 +35,6 @@ module.exports = function (argument, usingIterator) {
 };
 
 
-/***/ }),
-
-/***/ 143:
-/***/ (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-8095ef9e]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-8095ef9e]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-8095ef9e]{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-8095ef9e]{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-8095ef9e]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-8095ef9e]{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___);
-
-
 /***/ }),
 
 /***/ 184:
@@ -537,6 +516,22 @@ module.exports = Math.trunc || function trunc(x) {
 };
 
 
+/***/ }),
+
+/***/ 751:
+/***/ (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__(4089);
+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("046d43cd", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 757:
@@ -559,6 +554,22 @@ module.exports = USE_SYMBOL_AS_UID ? function (it) {
 };
 
 
+/***/ }),
+
+/***/ 797:
+/***/ (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__(1303);
+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("66c8613a", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 851:
@@ -1136,19 +1147,24 @@ module.exports = function (argument) {
 
 /***/ }),
 
-/***/ 1400:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ 1303:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+"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-1bde1ea0]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-1bde1ea0]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-1bde1ea0]{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-1bde1ea0]{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-1bde1ea0]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-1bde1ea0]{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___);
 
-// load the styles
-var content = __webpack_require__(9498);
-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("4a66dd2c", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1825,6 +1841,27 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 4089:
+/***/ (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-30788c3e]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-img-canvas .itemBox[data-v-30788c3e]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-img-canvas .itemBox .item-title[data-v-30788c3e]{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-30788c3e]{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-30788c3e]:last-child{margin-bottom:0}.xjzh-img-canvas .full-screen[data-v-30788c3e]{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___);
+
+
 /***/ }),
 
 /***/ 4114:
@@ -3069,22 +3106,6 @@ module.exports = function (object, key, value) {
 };
 
 
-/***/ }),
-
-/***/ 4721:
-/***/ (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__(143);
-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("72c8fd47", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 4722:
@@ -10848,27 +10869,6 @@ if(content.locals) module.exports = content.locals;
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
 var update = add("72a48ecb", content, true, {"sourceMap":false,"shadowMode":false});
 
-/***/ }),
-
-/***/ 9498:
-/***/ (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-2a4ce31a]{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.xjzh-bitmap-canvas .itemBox[data-v-2a4ce31a]{border-radius:4px;transform:translateZ(0);position:relative;overflow:hidden}.xjzh-bitmap-canvas .itemBox .item-title[data-v-2a4ce31a]{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-2a4ce31a]{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-2a4ce31a]:last-child{margin-bottom:0}.xjzh-bitmap-canvas .full-screen[data-v-2a4ce31a]{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___);
-
-
 /***/ }),
 
 /***/ 9504:
@@ -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=8095ef9e&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=30788c3e&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -11566,6 +11566,12 @@ var render = function render() {
     staticClass: "xjzh-img-canvas"
   }, _vm._l(_vm.cameraObj, function (item, index) {
     return _c('div', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.isShow,
+        expression: "item.isShow"
+      }],
       key: index,
       class: ['itemBox', item.isFullScreen ? 'full-screen' : ''],
       style: {
@@ -11577,21 +11583,9 @@ var render = function render() {
           return _vm.handleScreen(index);
         }
       }
-    }, [_c('p', {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.showTitle && item.isShow,
-        expression: "showTitle && item.isShow"
-      }],
+    }, [_vm.showTitle ? _c('p', {
       staticClass: "item-title"
-    }, [_vm._v(_vm._s(item.title))]), _c('canvas', {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: item.isShow,
-        expression: "item.isShow"
-      }],
+    }, [_vm._v(_vm._s(item.title))]) : _vm._e(), _c('canvas', {
       ref: item.domeId,
       refInFor: true
     })]);
@@ -11779,7 +11773,7 @@ function initWorker() {
         return {
           frameRate: 30,
           // 实际推送帧数
-          cameras: 2,
+          cameras: 3,
           // 实际推送画面数据
           enableFace: 1,
           // 是否启用人脸 0 未启用人脸， 1 启用人脸
@@ -11922,7 +11916,11 @@ 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.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
+      const sampleInterval = Math.round(this.sucmCameraInfo.frameRate / this.frameRate);
+      if (this.cameraObj[type].totalFPS % sampleInterval !== 0) {
+        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);
@@ -12012,13 +12010,13 @@ function initWorker() {
       let startTime = new Date().getTime();
       return new Promise(resolve => {
         setTimeout(() => {
+          this.answerPhoto.isPhoto = false;
           resolve(this.answerPhoto.canvas.toDataURL('image/jpeg'));
           let endTime = new Date().getTime();
           let second = (endTime - startTime) / 1000;
           this.cameraObj.main.totalFPS = this.cameraObj.main.totalFPS + ~~(second * 30);
           this.cameraObj.sub.totalFPS = this.cameraObj.sub.totalFPS + ~~(second * 30);
           this.cameraObj.side.totalFPS = this.cameraObj.side.totalFPS + ~~(second * 30);
-          this.answerPhoto.isPhoto = false;
         }, 200);
       });
     },
@@ -12036,9 +12034,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=8095ef9e&prod&lang=scss&scoped=true
-var xjzhImgCanvasvue_type_style_index_0_id_8095ef9e_prod_lang_scss_scoped_true = __webpack_require__(4721);
-;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=8095ef9e&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=30788c3e&prod&lang=scss&scoped=true
+var xjzhImgCanvasvue_type_style_index_0_id_30788c3e_prod_lang_scss_scoped_true = __webpack_require__(751);
+;// ./packages/components/xjzhImgCanvas.vue?vue&type=style&index=0&id=30788c3e&prod&lang=scss&scoped=true
 
 ;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -12153,20 +12151,26 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "8095ef9e",
+  "30788c3e",
   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=2a4ce31a&scoped=true
-var xjzhBitmapCanvasvue_type_template_id_2a4ce31a_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=1bde1ea0&scoped=true
+var xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "xjzh-bitmap-canvas"
   }, _vm._l(_vm.cameraObj, function (item, index) {
     return _c('div', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.isShow,
+        expression: "item.isShow"
+      }],
       key: index,
       class: ['itemBox', item.isFullScreen ? 'full-screen' : ''],
       style: {
@@ -12178,27 +12182,15 @@ var xjzhBitmapCanvasvue_type_template_id_2a4ce31a_scoped_true_render = function
           return _vm.handleScreen(index);
         }
       }
-    }, [_c('p', {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.showTitle && item.isShow,
-        expression: "showTitle && item.isShow"
-      }],
+    }, [_vm.showTitle ? _c('p', {
       staticClass: "item-title"
-    }, [_vm._v(_vm._s(item.title))]), _c('canvas', {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: item.isShow,
-        expression: "item.isShow"
-      }],
+    }, [_vm._v(_vm._s(item.title))]) : _vm._e(), _c('canvas', {
       ref: item.domeId,
       refInFor: true
     })]);
   }), 0);
 };
-var xjzhBitmapCanvasvue_type_template_id_2a4ce31a_scoped_true_staticRenderFns = [];
+var xjzhBitmapCanvasvue_type_template_id_1bde1ea0_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
 
@@ -12387,7 +12379,11 @@ var xjzhBitmapCanvasvue_type_template_id_2a4ce31a_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.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return; // 跳帧处理
+      // if (Math.abs(this.cameraObj[type].totalFPS % (this.sucmCameraInfo.frameRate / this.frameRate).toFixed(1)) >= 1) return // 跳帧处理
+      const sampleInterval = Math.round(this.sucmCameraInfo.frameRate / this.frameRate);
+      if (this.cameraObj[type].totalFPS % sampleInterval !== 0) {
+        return; // 跳过本次处理
+      }
       if (this.currentFullScreen && this.currentFullScreen !== type) {
         this.destroyUrl(type);
         return;
@@ -12479,13 +12475,13 @@ var xjzhBitmapCanvasvue_type_template_id_2a4ce31a_scoped_true_staticRenderFns =
       let startTime = new Date().getTime();
       return new Promise(resolve => {
         setTimeout(() => {
+          this.answerPhoto.isPhoto = false;
           resolve(this.answerPhoto.canvas.toDataURL('image/jpeg'));
           let endTime = new Date().getTime();
           let second = (endTime - startTime) / 1000;
           this.cameraObj.main.totalFPS = this.cameraObj.main.totalFPS + ~~(second * 30);
           this.cameraObj.sub.totalFPS = this.cameraObj.sub.totalFPS + ~~(second * 30);
           this.cameraObj.side.totalFPS = this.cameraObj.side.totalFPS + ~~(second * 30);
-          this.answerPhoto.isPhoto = false;
         }, 200);
       });
     },
@@ -12503,9 +12499,9 @@ var xjzhBitmapCanvasvue_type_template_id_2a4ce31a_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=2a4ce31a&prod&lang=scss&scoped=true
-var xjzhBitmapCanvasvue_type_style_index_0_id_2a4ce31a_prod_lang_scss_scoped_true = __webpack_require__(1400);
-;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=2a4ce31a&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=1bde1ea0&prod&lang=scss&scoped=true
+var xjzhBitmapCanvasvue_type_style_index_0_id_1bde1ea0_prod_lang_scss_scoped_true = __webpack_require__(797);
+;// ./packages/components/xjzhBitmapCanvas.vue?vue&type=style&index=0&id=1bde1ea0&prod&lang=scss&scoped=true
 
 ;// ./packages/components/xjzhBitmapCanvas.vue
 
@@ -12518,11 +12514,11 @@ var xjzhBitmapCanvasvue_type_style_index_0_id_2a4ce31a_prod_lang_scss_scoped_tru
 
 var xjzhBitmapCanvas_component = normalizeComponent(
   components_xjzhBitmapCanvasvue_type_script_lang_js,
-  xjzhBitmapCanvasvue_type_template_id_2a4ce31a_scoped_true_render,
-  xjzhBitmapCanvasvue_type_template_id_2a4ce31a_scoped_true_staticRenderFns,
+  xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_render,
+  xjzhBitmapCanvasvue_type_template_id_1bde1ea0_scoped_true_staticRenderFns,
   false,
   null,
-  "2a4ce31a",
+  "1bde1ea0",
   null
   
 )