react_hsbc_teller 2.0.54 → 2.0.56

package/packages/utils/utils.js

@@ -1,199 +1,199 @@
-function compressImage(base64, callback) {
-  var targSize = 1024 * 1024 * 1.45 //1024KB  
-  if (base64.length <= targSize) {
-      callback(base64);
-      // console.log("直接返回")
-      return
-  }
-  var newImage = new Image();
-  newImage.src = base64;
-  console.log('压缩前'+base64.length)
-  newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要  
-  newImage.onload = function () {
-      var quality = 0.95; //压缩系数0-1之间
-      var canvas = document.createElement("canvas");
-      var ctx = canvas.getContext("2d");
-      canvas.width = 720
-      canvas.height = 405
-      ctx.clearRect(0, 0, canvas.width, canvas.height);
-      ctx.drawImage(newImage, 0, 0, canvas.width, canvas.height);
-      var base64 = canvas.toDataURL("image/png", quality); //压缩语句
-      // 如想确保图片压缩到自己想要的尺寸,如要求在5-10kb之间，请加以下语句，quality初始值根据情况自定
-      // console.log(base64.length + "循环1压缩" + (base64.length / 1024 > 512))
-      
-      // while (base64.length > targSize) {
-      //     quality -= 0.03;
-      //     // console.log(base64.length + "循环压缩" + quality)
-      //     base64 = canvas.toDataURL("image/png", quality);
-      // }
-      console.log('压缩后'+base64.length)
-      callback(base64); //必须通过回调函数返回，否则无法及时拿到该值
-  }
-}
-function debounce(fn, delay = 500) {
-  // 是闭包中的
-  let timer
-  
-  // input事件调用的函数，相当于obj调用函数 this指向Input
-  return function() {
-     // 这个if 判断不做也没关系，判断了（除第一次非空的情况）也就是执行从第二次开始，在延迟时间内多次触发才会走该判断
-     if(timer) {clearTimeout(timer)}
-     // 此时的箭头函数的this 和 arguments 都是从外部函数继承而来
-     // 如果用普通函数就要用词法作用域 var tshat = this var arg = arguments
-     timer = setTimeout(() =>{
-        // 使得传入的回调函数的this 指向Input这个元素对象
-        // arguments是该事件的详情，可以获得该函数被调用时的所有参数,是一个event 对象（所有Dom事件都会传event对象进入）
-        // 直接使用 fn() 问题也不大
-        fn.apply(this,arguments) 
-        timer = null
-     },delay)
- }
-}
-function isLight(src, sensitivity = 1) {
-  let gray = new cv.Mat() 
-  cv.cvtColor(src, gray, cv.COLOR_BGR2GRAY)
-  let sum = 0;
-  let avg = 0;
-  let scalar = new cv.Scalar() 
-  let ls = new Array();
-  let size = gray.rows * gray.cols;
-  for (let i = 0; i < 256; i++)
-      ls[i] = 0;
-
-  for (let i = 0; i < gray.rows; i++)
-  {
-      for (let j = 0; j < gray.cols; j++)
-      {
-          scalar = gray.ucharPtr(i, j);
-          sum += (scalar[0] - 128);
-          let x = scalar[0];
-          ls[x]++;
-      }
-  }
-  avg = sum / size;
-  let total = 0;
-  let mean = 0;
-  for (let i = 0; i < 256; i++)
-  {
-      total +=  Math.abs((i - 128) - avg) * ls[i];
-  }
-  mean = total / size;
-  let cast = Math.abs(avg / mean);
-
-  // 调用delete释放堆的内存
-  gray.delete();
-
-  console.log('亮度值:', cast)
-  if (typeof sensitivity == 'number') {
-    console.log('灵敏系数:', sensitivity)
-    console.log('计算值(<1正常):', cast * sensitivity)
-  } else {
-    console.error('sensitivity param should be type of number')
-    sensitivity = 1
-  }
-
-  //std::cout <<  "亮度异常值:" << cast << std::endl;
-  if (cast * sensitivity > 1)
-  {
-      if (avg > 0)
-      {
-        console.log('亮度异常 过亮:')
-          //std::cout << "亮度异常 过亮" << avg << std::endl;
-          return 1;
-      }
-      else {
-        console.log('亮度异常 过暗')
-          //std::cout << "亮度异常 过暗" << avg << std::endl;
-          return -1;
-      }
-  }
-  else
-  {
-    console.log('亮度正常')
-      //std::cout << "normal" << std::endl;
-      return 0;
-  }
-  
-}
-
-function combineBase64Images(image1, image2, callback) {
-  // console.log(image1, image2)
-  // 创建Canvas元素
-  var canvas = document.createElement('canvas');
-  var ctx = canvas.getContext('2d');
- 
-  // 加载第一张图片
-  var img1 = new Image();
-  img1.onload = function() {
- 
-    // 加载第二张图片
-    var img2 = new Image();
-    img2.onload = function() {
-
-      // 设置Canvas的宽度和高度
-      const imageWidth = 1280;
-      const imageHeight = 720;
-      canvas.width = imageWidth ; // 不压缩的话是 1280 x 720 
-      canvas.height = imageHeight * 2;
-
-      console.log(img1.width, img1.height)
-      console.log(img2.width, img2.height)
-  
-      // 绘制第一张图片
-      ctx.drawImage(img1, 0, 0, imageWidth, imageHeight);
-      // 绘制第二张图片在第一张图片下方
-      ctx.drawImage(img2, 0, imageHeight, imageWidth, imageHeight);
-
- 
-      // 导出拼接后的图片为base64
-      var combinedImageData = canvas.toDataURL('image/png');
-      
-      // 执行回调函数，返回base64字符串
-      callback(combinedImageData);
-      console.log(combinedImageData)
-
-    };
-    img2.src = image2;
-  };
-  img1.src = image1;
- 
-}
-
-function saveBase64Image(base64Data, fileName) {
-  // 将base64字符串转换为Blob对象
-  let arr = base64Data.split(',');
-  let mime = arr[0].match(/:(.*?);/)[1];
-  let bstr = atob(arr[1]);
-  let n = bstr.length;
-  let u8arr = new Uint8Array(n);
-
-  while (n--) {
-      u8arr[n] = bstr.charCodeAt(n);
-  }
-
-  let blob = new Blob([u8arr], { type: mime });
-
-  // 创建一个指向Blob对象的URL
-  let url = URL.createObjectURL(blob);
-
-  // 创建一个a标签用于下载
-  let link = document.createElement('a');
-  link.href = url;
-  link.download = fileName + '.jpg';
-  document.body.appendChild(link);
-
-  // 触发下载
-  link.click();
-
-  // 清理并移除元素和对象URL
-  document.body.removeChild(link);
-  URL.revokeObjectURL(url);
-}
-
-export {
-  compressImage,
-  debounce,
-  isLight,
-  combineBase64Images,
-  saveBase64Image
-}
+function compressImage(base64, callback) {
+  var targSize = 1024 * 1024 * 1.45 //1024KB  
+  if (base64.length <= targSize) {
+      callback(base64);
+      // console.log("直接返回")
+      return
+  }
+  var newImage = new Image();
+  newImage.src = base64;
+  console.log('压缩前'+base64.length)
+  newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要  
+  newImage.onload = function () {
+      var quality = 0.95; //压缩系数0-1之间
+      var canvas = document.createElement("canvas");
+      var ctx = canvas.getContext("2d");
+      canvas.width = 720
+      canvas.height = 405
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      ctx.drawImage(newImage, 0, 0, canvas.width, canvas.height);
+      var base64 = canvas.toDataURL("image/png", quality); //压缩语句
+      // 如想确保图片压缩到自己想要的尺寸,如要求在5-10kb之间，请加以下语句，quality初始值根据情况自定
+      // console.log(base64.length + "循环1压缩" + (base64.length / 1024 > 512))
+      
+      // while (base64.length > targSize) {
+      //     quality -= 0.03;
+      //     // console.log(base64.length + "循环压缩" + quality)
+      //     base64 = canvas.toDataURL("image/png", quality);
+      // }
+      console.log('压缩后'+base64.length)
+      callback(base64); //必须通过回调函数返回，否则无法及时拿到该值
+  }
+}
+function debounce(fn, delay = 500) {
+  // 是闭包中的
+  let timer
+  
+  // input事件调用的函数，相当于obj调用函数 this指向Input
+  return function() {
+     // 这个if 判断不做也没关系，判断了（除第一次非空的情况）也就是执行从第二次开始，在延迟时间内多次触发才会走该判断
+     if(timer) {clearTimeout(timer)}
+     // 此时的箭头函数的this 和 arguments 都是从外部函数继承而来
+     // 如果用普通函数就要用词法作用域 var tshat = this var arg = arguments
+     timer = setTimeout(() =>{
+        // 使得传入的回调函数的this 指向Input这个元素对象
+        // arguments是该事件的详情，可以获得该函数被调用时的所有参数,是一个event 对象（所有Dom事件都会传event对象进入）
+        // 直接使用 fn() 问题也不大
+        fn.apply(this,arguments) 
+        timer = null
+     },delay)
+ }
+}
+function isLight(src, sensitivity = 1) {
+  let gray = new cv.Mat() 
+  cv.cvtColor(src, gray, cv.COLOR_BGR2GRAY)
+  let sum = 0;
+  let avg = 0;
+  let scalar = new cv.Scalar() 
+  let ls = new Array();
+  let size = gray.rows * gray.cols;
+  for (let i = 0; i < 256; i++)
+      ls[i] = 0;
+
+  for (let i = 0; i < gray.rows; i++)
+  {
+      for (let j = 0; j < gray.cols; j++)
+      {
+          scalar = gray.ucharPtr(i, j);
+          sum += (scalar[0] - 128);
+          let x = scalar[0];
+          ls[x]++;
+      }
+  }
+  avg = sum / size;
+  let total = 0;
+  let mean = 0;
+  for (let i = 0; i < 256; i++)
+  {
+      total +=  Math.abs((i - 128) - avg) * ls[i];
+  }
+  mean = total / size;
+  let cast = Math.abs(avg / mean);
+
+  // 调用delete释放堆的内存
+  gray.delete();
+
+  console.log('亮度值:', cast)
+  if (typeof sensitivity == 'number') {
+    console.log('灵敏系数:', sensitivity)
+    console.log('计算值(<1正常):', cast * sensitivity)
+  } else {
+    console.error('sensitivity param should be type of number')
+    sensitivity = 1
+  }
+
+  //std::cout <<  "亮度异常值:" << cast << std::endl;
+  if (cast * sensitivity > 1)
+  {
+      if (avg > 0)
+      {
+        console.log('亮度异常 过亮:')
+          //std::cout << "亮度异常 过亮" << avg << std::endl;
+          return 1;
+      }
+      else {
+        console.log('亮度异常 过暗')
+          //std::cout << "亮度异常 过暗" << avg << std::endl;
+          return -1;
+      }
+  }
+  else
+  {
+    console.log('亮度正常')
+      //std::cout << "normal" << std::endl;
+      return 0;
+  }
+  
+}
+
+function combineBase64Images(image1, image2, callback) {
+  // console.log(image1, image2)
+  // 创建Canvas元素
+  var canvas = document.createElement('canvas');
+  var ctx = canvas.getContext('2d');
+ 
+  // 加载第一张图片
+  var img1 = new Image();
+  img1.onload = function() {
+ 
+    // 加载第二张图片
+    var img2 = new Image();
+    img2.onload = function() {
+
+      // 设置Canvas的宽度和高度
+      const imageWidth = 1280;
+      const imageHeight = 720;
+      canvas.width = imageWidth ; // 不压缩的话是 1280 x 720 
+      canvas.height = imageHeight * 2;
+
+      console.log(img1.width, img1.height)
+      console.log(img2.width, img2.height)
+  
+      // 绘制第一张图片
+      ctx.drawImage(img1, 0, 0, imageWidth, imageHeight);
+      // 绘制第二张图片在第一张图片下方
+      ctx.drawImage(img2, 0, imageHeight, imageWidth, imageHeight);
+
+ 
+      // 导出拼接后的图片为base64
+      var combinedImageData = canvas.toDataURL('image/png');
+      
+      // 执行回调函数，返回base64字符串
+      callback(combinedImageData);
+      console.log(combinedImageData)
+
+    };
+    img2.src = image2;
+  };
+  img1.src = image1;
+ 
+}
+
+function saveBase64Image(base64Data, fileName) {
+  // 将base64字符串转换为Blob对象
+  let arr = base64Data.split(',');
+  let mime = arr[0].match(/:(.*?);/)[1];
+  let bstr = atob(arr[1]);
+  let n = bstr.length;
+  let u8arr = new Uint8Array(n);
+
+  while (n--) {
+      u8arr[n] = bstr.charCodeAt(n);
+  }
+
+  let blob = new Blob([u8arr], { type: mime });
+
+  // 创建一个指向Blob对象的URL
+  let url = URL.createObjectURL(blob);
+
+  // 创建一个a标签用于下载
+  let link = document.createElement('a');
+  link.href = url;
+  link.download = fileName + '.jpg';
+  document.body.appendChild(link);
+
+  // 触发下载
+  link.click();
+
+  // 清理并移除元素和对象URL
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+}
+
+export {
+  compressImage,
+  debounce,
+  isLight,
+  combineBase64Images,
+  saveBase64Image
+}

package/public/index.html

@@ -1,77 +1,77 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8"/>
-    <link rel="shortcut icon" href="favicon.ico">
-    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
-    <!-- // 强制Chromium内核，作用于360浏览器、QQ浏览器等国产双核浏览器： -->
-    <meta name="renderer" content="webkit"/>
-    <!-- // 强制Chromium内核，作用于其他双核浏览器： -->
-    <meta name="force-rendering" content="webkit"/>
-    <!-- // 如果有安装 Google Chrome Frame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器： -->
-    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
-    <!-- <script src="/mrtc1.4.7/lib/tfjs.js"></script>
-    <script src="./mrtc1.4.7/lib/pix.js"></script>
-    <script src="./mrtc1.4.7/lib/log4b.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_api_util.js"></script>
-    <script src="./mrtc1.4.7/lib/mcu.js"></script>
-    <script src="./mrtc1.4.7/lib/client_record.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_vod.js"></script>
-    <script src="./mrtc1.4.7/lib/remote_record.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_invite.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_im.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_camera_stream.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_file_stream.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_desk_stream.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_html_stream.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_beautify_stream.js"></script>
-    <script src="./mrtc1.4.7/lib/stream.js"></script>
-    <script src="./mrtc1.4.7/lib/room.js"></script>
-    <script src="./mrtc1.4.7/lib/backgroundBlur.js"></script>
-    <script src="./mrtc1.4.7/lib/meeting_api.js"></script>
-    <script src="./mrtc1.4.7/lib/html2image.js"></script>
-    <script src="./mrtc1.4.7/lib/reconnecting-websocket.min.js"></script>
-    <script src="./mrtc1.4.7/lib/mtc_api.js"></script>
-    <script src="./mrtc1.4.7/lib/BandwidthHandler.js"></script>
-    <script src="./mrtc1.4.7/lib/RecordRTC.min.js"></script>
-    <script src="./mrtc1.4.7/lib/pdf.js"></script>
-    <script src="./mrtc1.4.7/lib/EBML.js"></script>
-    <script src="./mrtc1.4.7/lib/adapter.js"></script>
-    <script src="./mrtc1.4.7/lib/beauty.js"></script>
-    <script src="./mrtc1.4.7/lib/getMediaInfo.js"></script> -->
-    <!-- <script type="text/javascript" src="http://dns.leimon.xyz/log4b.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_api_util.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/mcu.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/client_record.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_vod.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/remote_record.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_invite.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_im.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_camera_stream.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_file_stream.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_desk_stream.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_html_stream.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_beautify_stream.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/stream.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/room.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/backgroundBlur.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_api.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/html2image.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/reconnecting-websocket.min.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/mtc_api.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/BandwidthHandler.js"></script>
-    <script src="https://gw.alipayobjects.com/os/lib/recordrtc/5.5.9/RecordRTC.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.2"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/body-pix@2.0"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/pdf.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/EBML.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/adapter.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/beauty.js"></script>
-    <script type="text/javascript" src="http://dns.leimon.xyz/getMediaInfo.js"></script> -->
-<!--    <script type="text/javascript" src="http://dns.leimon.xyz/websocket.js"></script>-->
-    <title>汇丰银行营业厅 | <%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <link rel="shortcut icon" href="favicon.ico">
+    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
+    <!-- // 强制Chromium内核，作用于360浏览器、QQ浏览器等国产双核浏览器： -->
+    <meta name="renderer" content="webkit"/>
+    <!-- // 强制Chromium内核，作用于其他双核浏览器： -->
+    <meta name="force-rendering" content="webkit"/>
+    <!-- // 如果有安装 Google Chrome Frame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器： -->
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
+    <!-- <script src="/mrtc1.4.7/lib/tfjs.js"></script>
+    <script src="./mrtc1.4.7/lib/pix.js"></script>
+    <script src="./mrtc1.4.7/lib/log4b.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_api_util.js"></script>
+    <script src="./mrtc1.4.7/lib/mcu.js"></script>
+    <script src="./mrtc1.4.7/lib/client_record.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_vod.js"></script>
+    <script src="./mrtc1.4.7/lib/remote_record.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_invite.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_im.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_camera_stream.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_file_stream.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_desk_stream.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_html_stream.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_beautify_stream.js"></script>
+    <script src="./mrtc1.4.7/lib/stream.js"></script>
+    <script src="./mrtc1.4.7/lib/room.js"></script>
+    <script src="./mrtc1.4.7/lib/backgroundBlur.js"></script>
+    <script src="./mrtc1.4.7/lib/meeting_api.js"></script>
+    <script src="./mrtc1.4.7/lib/html2image.js"></script>
+    <script src="./mrtc1.4.7/lib/reconnecting-websocket.min.js"></script>
+    <script src="./mrtc1.4.7/lib/mtc_api.js"></script>
+    <script src="./mrtc1.4.7/lib/BandwidthHandler.js"></script>
+    <script src="./mrtc1.4.7/lib/RecordRTC.min.js"></script>
+    <script src="./mrtc1.4.7/lib/pdf.js"></script>
+    <script src="./mrtc1.4.7/lib/EBML.js"></script>
+    <script src="./mrtc1.4.7/lib/adapter.js"></script>
+    <script src="./mrtc1.4.7/lib/beauty.js"></script>
+    <script src="./mrtc1.4.7/lib/getMediaInfo.js"></script> -->
+    <!-- <script type="text/javascript" src="http://dns.leimon.xyz/log4b.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_api_util.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/mcu.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/client_record.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_vod.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/remote_record.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_invite.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_im.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_camera_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_file_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_desk_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_html_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_beautify_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/room.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/backgroundBlur.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_api.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/html2image.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/reconnecting-websocket.min.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/mtc_api.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/BandwidthHandler.js"></script>
+    <script src="https://gw.alipayobjects.com/os/lib/recordrtc/5.5.9/RecordRTC.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.2"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/body-pix@2.0"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/pdf.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/EBML.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/adapter.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/beauty.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/getMediaInfo.js"></script> -->
+<!--    <script type="text/javascript" src="http://dns.leimon.xyz/websocket.js"></script>-->
+    <title>汇丰银行营业厅 | <%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/src/index.js

@@ -1,11 +1,11 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import "./index.less";
-import '@babel/polyfill';
-import { HSBC } from "../lib/hsbc";
-// import {HSBC} from "../packages";
-
-ReactDOM.render(
-  <div className="hsbc"><HSBC></HSBC></div>,
-  document.getElementById("root")
-);
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.less";
+import '@babel/polyfill';
+import { HSBC } from "../lib/hsbc";
+// import {HSBC} from "../packages";
+
+ReactDOM.render(
+  <div className="hsbc"><HSBC></HSBC></div>,
+  document.getElementById("root")
+);

package/src/index.less

@@ -1,6 +1,6 @@
-.hsbc {
-    height: calc(100vh);
-}
-.hsbc>div {
-    height: 100%;
+.hsbc {
+    height: calc(100vh);
+}
+.hsbc>div {
+    height: 100%;
 }

package/tsconfig.json

@@ -1,12 +1,12 @@
-{
-    "compilerOptions": {
-      "experimentalDecorators": true,
-      "outDir": "./dist/",
-      "sourceMap": true,
-      "noImplicitAny": true,
-      "module": "es6",
-      "target": "es5",
-      "jsx": "react",
-      "allowJs": true
-    }
+{
+    "compilerOptions": {
+      "experimentalDecorators": true,
+      "outDir": "./dist/",
+      "sourceMap": true,
+      "noImplicitAny": true,
+      "module": "es6",
+      "target": "es5",
+      "jsx": "react",
+      "allowJs": true
+    }
 }