simple-dynamsoft-mcp 5.0.0 → 6.3.0

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/read-a-drivers-license/style.css

@@ -1,154 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
-}
-
-html,
-body {
-  width: 100%;
-  height: 100%
-}
-
-.home-page {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background-color: #323234;
-  z-index: 2;
-}
-
-.home-page .home-page-title {
-  width: 100%;
-  color: white;
-  position: absolute;
-  top: 35%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  font-size: 30px;
-  text-align: center;
-}
-
-.home-page .start-btn {
-  height: 10%;
-  min-height: 50px;
-  border-radius: 50%;
-  background-color: #ffffff;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  aspect-ratio: 1/1;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.home-page .start-btn .start-icon {
-  width: 0;
-  height: 0;
-  border-top: 15px solid transparent;
-  border-bottom: 15px solid transparent;
-  border-left: 25px solid #FE8E14;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-40%, -50%);
-}
-
-.home-page .start-btn .loading {
-  width: 70%;
-  height: 70%;
-  display: none;
-  position: absolute;
-  font-size: 14px;
-  border: 4px solid #FE8E14;
-  border-right-color: transparent;
-  border-radius: 50%;
-  color: transparent;
-  font-weight: 700;
-  animation: rotate 1s linear infinite;
-}
-
-.home-page .logo-dynamsoft {
-  position: absolute;
-  left: 50%;
-  bottom: 50px;
-  transform: translate(-50%, -50%);
-  width: 130px;
-  height: 32px;
-}
-
-.parsed-result-view {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background-color: #DEDFE1;
-  display: none;
-  overflow: auto;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  border: 1px solid #E9EAEB;
-}
-
-.parsed-result-view .barcode-text {
-  width: 100%;
-  height: 80px;
-  background-color: #fff;
-  margin-bottom: 10px;
-  color: #323234;
-  padding: 10px 27px;
-  font-weight: 600;
-  overflow: auto;
-  word-break: break-all;
-}
-
-.parsed-result-view .parsed-result-list {
-  width: 100%;
-  height: fit-content;
-  max-height: 70%;
-  background-color: #fff;
-  overflow: auto;
-}
-
-.parsed-result-view .parsed-result-list .parsed-result-item {
-  width: 100%;
-  height: 60px;
-  line-height: 60px;
-  padding: 0 27px;
-  border-bottom: 1px solid #E9EAEB;
-  font-size: 18px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.parsed-result-view .parsed-result-list .parsed-result-item strong {
-  font-weight: 500;
-}
-
-.parsed-result-view .parsed-result-list .parsed-result-item span {
-  color: #666666;
-}
-
-.parsed-result-view .back-to-scan {
-  width: 80%;
-  height: 50px;
-  max-width: 372px;
-  background-color: #FE8E14;
-  border-radius: 4px;
-  color: #FFFFFF;
-  font-size: 20px;
-  text-align: center;
-  line-height: 50px;
-  margin: 30px auto;
-}
-
-@keyframes rotate {
-  to {
-    transform: rotate(360deg);
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/read-and-parse-GS1-AI/README.md

@@ -1,49 +0,0 @@
-# 🔢 Read and Parse GS1 (AI)
-
-A focused demo that decodes GS1-formatted barcodes and parses Application Identifiers (AIs) to extract structured product and logistic data (GTIN, batch/lot, expiry, weight, serial, etc.). This folder contains two implementation styles so you can choose the integration that best fits your project.
-
-## Included files
-
-- scan-using-foundational-api/ — Foundational single-file implementation:
-  - `index.html` — demo page.
-  - `index.css` — styles used by the foundational demo.
-  - `read_and_parse_gs1.json` — GS1 template file used by this implementation.
-
-- scan-using-rtu-api/ — RTU implementation:
-  - `rtu.html` — RTU demo page.
-  - `rtu_gs1.json` — GS1 template file used by this implementation.
-  - `convert-GS1AI-title.js` — helper to convert or format AI titles for display.
-  - `style.css` — RTU demo styles.
-  - `info.svg`, `logo-dynamsoft-blackBg-190x47-DZ66W3xz.png` — visual assets used by the RTU demo.
-
-## ✨ Features
-
-- Decode GS1 barcodes (GS1-128 / EAN / GS1 Databar variants) from live camera or static image inputs.  
-- Parse AI-tagged payloads into structured fields (GTIN, batch/lot, expiry, weight, serial, etc.).  
-
-## 🔧 How it works
-
-- Both demos initialize the barcode scanner to decode GS1 payloads from camera frames or image files.  
-- Decoded GS1 strings are parsed according to the provided JSON template (mapping AIs to labels and formats).  
-- The foundational demo is a compact single-page example that loads `read_and_parse_gs1.json` and renders parsed fields alongside the raw payload.  
-- The RTU demo demonstrates a more integrated UI flow (uses `rtu_gs1.json`, helper script `convert-GS1AI-title.js`, and additional assets/styles) suitable for embedding into larger apps.
-
-## Quick start
-
-Opening HTML files directly may not work as expected. Instead, run a local development server. Here’s a quick method using [Visual Studio Code](https://code.visualstudio.com/):
-
-1. Install the [Five Server extension](https://marketplace.visualstudio.com/items?itemName=yandeu.five-server) from the VS Code Marketplace.
-
-2. Right-click on `index.html` and select "Open with Five Server".
-
-## 💡 Tips
-
-- Use high-resolution images or increase camera resolution for small or dense GS1 fields.  
-- Validate AI date/number formats (some AIs imply decimal places or YY/MM/YY formats).  
-- Use the RTU implementation as a reference if you need a richer runtime UI integration.
-
-## 📌 Notes
-
-- Serve the demos via localhost or HTTPS to allow camera access.  
-- Replace the included trial/demo license with a valid Dynamsoft license for extended evaluation or production use.  
-- See the repository root `README.md` for running instructions, licensing and API documentation links.

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/read-and-parse-GS1-AI/scan-using-foundational-api/index.css

@@ -1,180 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  width: 100vw;
-  height: 100vh;
-}
-
-#span-tip {
-  position: absolute;
-  font-size: 1rem;
-  color: #fe8e14;
-  top: 1vh;
-}
-
-h1 {
-  font-size: 1.5em;
-}
-
-a {
-  color: #fe8d14;
-}
-
-a:hover {
-  color: #fe8d14a1;
-}
-
-strong {
-  color: rgb(254, 142, 20);
-}
-
-#svg-start {
-  width: 100px;
-  height: 100px;
-  fill: #aaa;
-  cursor: pointer;
-}
-
-#loading {
-  display: none;
-}
-
-#main-container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  width: 50vw;
-  height: 60vh;
-}
-
-.dce-bg-camera {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  margin: auto;
-  width: 40%;
-  height: 40%;
-  fill: #aaa;
-}
-
-#camera-view-container {
-  display: none;
-  width: 100%;
-  height: 100%;
-}
-
-#result-container {
-  display: none;
-  position: fixed;
-  width: 50vw;
-  height: 70vh;
-  z-index: 10;
-  color: white;
-  font-size: small;
-  background: #222222;
-  margin-top: 30px;
-}
-
-#result-container .result-header {
-  width: 100%;
-  height: 30px;
-  background-color: #000;
-  font-size: 16px;
-  line-height: 30px;
-  padding-left: 10px;
-  box-sizing: border-box;
-  position: relative;
-}
-
-#result-container .result-body {
-  height: calc(70vh - 30px);
-  overflow-y: auto;
-  padding: 5px;
-  box-sizing: border-box;
-}
-
-#result-container p {
-  padding: 5px;
-  margin: 0;
-}
-
-#message-container {
-  display: none;
-  align-items: center;
-  width: 50vw;
-  padding: 8px 16px;
-  margin: -92px 0 10px 0;
-  box-sizing: border-box;
-  border-radius: 4px;
-  position: relative;
-  background-color: #f4f4f5;
-  color: #909399;
-  overflow: hidden;
-  transition: opacity 0.2s;
-}
-
-#message-container .message-icon {
-  font-size: 28px;
-  width: 28px;
-  line-height: 0;
-  padding-right: 1rem;
-}
-
-#message-container .div-message-content {
-  display: table-cell;
-  padding: 0 8px;
-}
-
-.message-content > span {
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 18px;
-}
-
-.message-content > p {
-  font-size: 13px;
-  margin: 5px 0 0;
-  line-height: 20px;
-}
-
-.api_highlight {
-  font-weight: 700;
-  background-color: #ddd;
-  border-radius: 4px;
-  padding: 2px;
-}
-
-.close-button {
-  position: absolute;
-  top: 50%;
-  right: 15px;
-  transform: translateY(-50%);
-  cursor: pointer;
-  line-height: 0;
-}
-
-/* Small devices */
-@media only screen and (max-width: 1000px) {
-  #message-container {
-    width: 90vw;
-  }
-
-  #main-container {
-    width: 80vw;
-  }
-
-  #result-container {
-    width: 80vw;
-  }
-}

package/code-snippet/dynamsoft-barcode-reader/web/scenarios/read-and-parse-GS1-AI/scan-using-foundational-api/index.html

@@ -1,297 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-  <meta name="description" content="Instantly Read GS1-AI barcodes and Parse It with Dynamsoft Barcode Reader." />
-  <meta name="keywords" content="read GS1 AI barcode" />
-  <link rel="canonical"
-    href="https://demo.dynamsoft.com/Samples/DBR/JS/scenarios/read-and-parse-GS1-AI/scan-using-foundational-api/index.html" />
-  <link rel="stylesheet" href="./index.css">
-  <title>Dynamsoft Barcode Reader Sample - Read a GS1-AI</title>
-</head>
-
-<body>
-  <span id="span-tip">Click the play button to activate the camera.</span>
-  <h1>Read a GS1-AI</h1>
-  <div id="message-container">
-    <em class="message-icon"><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="3665" width="32"
-        height="32">
-        <path
-          d="M544 789.333333h105.173333a10.666667 10.666667 0 0 0 10.666667-10.666666v-0.362667l-3.232-94.304a32 32 0 0 1 14.293333-27.765333C750.933333 603.189333 800 513.792 800 416c0-159.061333-128.938667-288-288-288S224 256.938667 224 416c0 97.813333 49.098667 187.232 129.141333 240.266667a32 32 0 0 1 14.314667 25.578666l3.338667 97.184a10.666667 10.666667 0 0 0 10.666666 10.304H480V572.693333l-76.64-81.429333a32 32 0 0 1 46.613333-43.861333l63.36 67.328 72.693334-68.661334a32 32 0 0 1 43.946666 46.528L544 573.792V789.333333z m320-373.333333a351.530667 351.530667 0 0 1-142.826667 283.146667l2.634667 76.96A74.666667 74.666667 0 0 1 649.173333 853.333333h-267.733333a74.666667 74.666667 0 0 1-74.624-72.106666l-2.784-81.194667A351.541333 351.541333 0 0 1 160 416C160 221.6 317.6 64 512 64s352 157.6 352 352zM416 960a32 32 0 0 1 0-64h192a32 32 0 0 1 0 64H416z"
-          p-id="3666" fill="#909399"></path>
-      </svg>
-    </em>
-    <div class="message-content">
-      <span>Can't get scanning result for a long time?</span>
-      <p>
-        Enable
-        <span class="api_highlight">singleFrameMode</span> to capture high-definition images with your camera (mobile
-        device) or upload a local image for better recognition.
-        <a href="javascript:void(0)" id="toggle-scan-mode">Give it a try!</a>
-      </p>
-      <em class="close-button"><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="4604" width="10"
-          height="10">
-          <path
-            d="M512 456.310154L94.247385 38.557538a39.542154 39.542154 0 0 0-55.689847 0 39.266462 39.266462 0 0 0 0 55.689847L456.310154 512 38.557538 929.752615a39.542154 39.542154 0 0 0 0 55.689847 39.266462 39.266462 0 0 0 55.689847 0L512 567.689846l417.752615 417.752616c15.163077 15.163077 40.290462 15.36 55.689847 0a39.266462 39.266462 0 0 0 0-55.689847L567.689846 512 985.442462 94.247385a39.542154 39.542154 0 0 0 0-55.689847 39.266462 39.266462 0 0 0-55.689847 0L512 456.310154z"
-            p-id="4605" fill="#c0c4cc"></path>
-        </svg>
-      </em>
-    </div>
-  </div>
-  <div id="main-container">
-    <svg id="svg-start" t="1742347975823" class="icon" viewBox="0 0 1024 1024" version="1.1"
-      xmlns="http://www.w3.org/2000/svg" p-id="2701" width="50" height="50">
-      <path
-        d="M169.258667 904.533333V119.466667A102.4 102.4 0 0 1 333.098667 37.546667l523.349333 392.533333a102.4 102.4 0 0 1 0 163.84l-523.349333 392.533333A102.4 102.4 0 0 1 169.258667 904.533333z"
-        p-id="2702"></path>
-    </svg>
-    <span id="loading">Loading...</span>
-    <div id="camera-view-container"></div>
-  </div>
-  <div id="result-container">
-    <div class="result-header">
-      Results:
-      <em class="close-button" class="message_box_closebtn"><svg viewBox="0 0 1024 1024"
-          xmlns="http://www.w3.org/2000/svg" p-id="4604" width="16" height="16">
-          <path
-            d="M512 456.310154L94.247385 38.557538a39.542154 39.542154 0 0 0-55.689847 0 39.266462 39.266462 0 0 0 0 55.689847L456.310154 512 38.557538 929.752615a39.542154 39.542154 0 0 0 0 55.689847 39.266462 39.266462 0 0 0 55.689847 0L512 567.689846l417.752615 417.752616c15.163077 15.163077 40.290462 15.36 55.689847 0a39.266462 39.266462 0 0 0 0-55.689847L567.689846 512 985.442462 94.247385a39.542154 39.542154 0 0 0 0-55.689847 39.266462 39.266462 0 0 0-55.689847 0L512 456.310154z"
-            p-id="4605" fill="#ffffff"></path>
-        </svg>
-      </em>
-    </div>
-    <div class="result-body"></div>
-  </div>
-  <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
-  <!-- If the network is unstable or you prefer to self-host the SDK, uncomment the line below to load it locally -->
-  <!-- <script src="../../../../dist/dbr.bundle.js"></script> -->
-  <script>
-    /** LICENSE ALERT - README
-     * To use the library, you need to first specify a license key using the API "initLicense()" as shown below.
-     */
-    Dynamsoft.License.LicenseManager.initLicense("DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==", true);
-
-    /**
-     * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days.
-     * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-     * For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html?ver=11.2.4000&cVer=true#specify-the-license&utm_source=samples or contact support@dynamsoft.com.
-     * LICENSE ALERT - THE END
-     */
-
-    // Preload "BarcodeReader" module for reading barcodes. It will save time on the initial decoding by skipping the module loading.
-    Dynamsoft.Core.CoreModule.loadWasm();
-    Dynamsoft.DCP.CodeParserModule.loadSpec("GS1_AI");
-
-    const svgStart = document.querySelector("#svg-start");
-    const loading = document.querySelector("#loading");
-    const openImageBtn = document.querySelector("#btn-open-image");
-    const cameraViewContainer = document.querySelector("#camera-view-container");
-
-    // Result HTML Elements
-    const resultContainer = document.querySelector("#result-container");
-    const resultBody = document.querySelector(".result-body");
-
-    // Message Box HTML Elements
-    const messageContainer = document.querySelector("#message-container");
-
-    // timer for displaying MessageBox
-    let messageDisplayTimer;
-    let oriParseInfo = {};
-
-    const init = async () => {
-      const parser = await Dynamsoft.DCP.CodeParser.createInstance();
-
-      // Create a `CameraEnhancer` instance for camera control and a `CameraView` instance for UI control.
-      const cameraView = await Dynamsoft.DCE.CameraView.createInstance();
-      const cameraEnhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance(cameraView);
-      cameraEnhancer.setResolution({ width: 1920, height: 1080 });
-      cameraViewContainer.append(cameraView.getUIElement()); // Get default UI and append it to DOM.
-
-      // Create a `CaptureVisionRouter` instance and set `CameraEnhancer` instance as its image source.
-      const cvRouter = await Dynamsoft.CVR.CaptureVisionRouter.createInstance();
-
-      await cvRouter.initSettings("./read_and_parse_gs1.json");
-
-      cvRouter.setInput(cameraEnhancer);
-
-      // Filter out unchecked and duplicate results.
-      const filter = new Dynamsoft.Utility.MultiFrameResultCrossFilter();
-      // Filter out duplicate barcodes within 3 seconds.
-      filter.enableResultDeduplication("barcode", true);
-      await cvRouter.addResultFilter(filter);
-
-      // Define a callback for results.
-      cvRouter.addResultReceiver({
-        // callback in every frame
-        onCapturedResultReceived: (result) => {
-          if (cameraEnhancer.singleFrameMode === "disabled") {
-            return;
-          }
-          // Report no barcode in singleFrameMode
-          if (!result.items.some((item) => item.type === Dynamsoft.Core.EnumCapturedResultItemType.CRIT_BARCODE)) {
-            resultBody.innerText = "No GS1 Barcode Found!";
-            resultContainer.style.display = "block";
-            document.addEventListener("mousedown", clickToHide);
-          }
-        },
-        onParsedResultsReceived: async (result) => {
-          if (!result.parsedResultItems.length) return;
-          Dynamsoft.DCE.Feedback.beep();
-          messageContainer.style.display = "none";
-          clearTimeout(messageDisplayTimer);
-          const success = await extractResultAlert(result.parsedResultItems[0]);
-          if (success) {
-            cvRouter.stopCapturing(result);
-          }
-        }
-      });
-
-      return {
-        parser,
-        cameraView,
-        cameraEnhancer,
-        cvRouter,
-      };
-    };
-    const pInit = init();
-
-    // decode video from camera
-    svgStart.addEventListener("click", async () => {
-      document.querySelector("h1").style.display = "none";
-      svgStart.style.display = "none";
-      loading.style.display = "inline";
-      await switchToVideo();
-    });
-
-    document.querySelector("#result-container .close-button").addEventListener("click", closeResultAlert);
-
-    document.querySelector("#toggle-scan-mode").addEventListener("click", async () => {
-      document.querySelector("#span-tip").innerHTML =
-        "Click below to select a picture to read. <a href='javascript:void(0)' onclick='backToCameraMode()'>Back to camera mode</a>";
-
-      await switchToSingleFrameMode();
-      messageContainer.style.display = "none";
-    });
-
-    document.querySelector(".message-content .close-button").addEventListener("click", () => {
-      messageContainer.style.display = "none";
-    });
-
-    async function backToCameraMode() {
-      closeResultAlert();
-      document.querySelector("#span-tip").innerText = "Aim at the GS1 barcode.";
-
-      await switchToVideo();
-    }
-
-    async function switchToSingleFrameMode() {
-      const { cameraEnhancer, cvRouter, cameraView } = await pInit;
-      cvRouter.stopCapturing();
-      cameraEnhancer.close();
-      cameraEnhancer.singleFrameMode = "image";
-      await cameraEnhancer.open();
-      cameraView.setScanLaserVisible(true);
-      await cvRouter.startCapturing("ReadGS1AI");
-    }
-
-    async function switchToVideo() {
-      document.querySelector("#main-container").style.display = "block";
-      document.querySelector("#span-tip").innerText = "Aim at the GS1 barcode.";
-      document.querySelector("#span-tip").hidden = false;
-      cameraViewContainer.style.display = "block";
-
-      const { cameraEnhancer, cvRouter, cameraView } = await pInit;
-      loading.style.display = "none";
-      cvRouter.stopCapturing();
-      cameraEnhancer.close();
-      cameraEnhancer.singleFrameMode = "disabled";
-      await cameraEnhancer.open();
-      cameraView.setScanLaserVisible(true);
-      await cvRouter.startCapturing("ReadGS1AI");
-
-      messageDisplayTimer = setTimeout(() => {
-        if (cameraEnhancer.singleFrameMode === "disabled") {
-          messageContainer.style.display = "flex";
-        }
-      }, 3000);
-    }
-
-    async function extractResultAlert(result) {
-      function createNode(type, txt) {
-        let node = document.createElement(type);
-        if (txt) node.innerText = txt;
-        return node;
-      }
-
-      try {
-        console.log(result);
-        parsedDLInfo = JSON.parse(result.jsonString);
-        let resultShowNode = document.createElement("p");
-        oriParseInfo = {};
-        if (parsedDLInfo.CodeType === "GS1_AI") {
-          for (let info of parsedDLInfo.ResultInfo) {
-            if (info.FieldName && info.Value) {
-              oriParseInfo[info.FieldName] = info.Value;
-            }
-            if (info.ChildFields) {
-              wrapChildFields(info.ChildFields);
-            }
-          }
-        }
-        for (let o in oriParseInfo) {
-          if (oriParseInfo[o]) {
-            resultShowNode.appendChild(createNode("span", o));
-            resultShowNode.appendChild(createNode("br"));
-            resultShowNode.appendChild(createNode("strong", oriParseInfo[o]));
-            resultShowNode.appendChild(createNode("br"));
-            resultShowNode.appendChild(createNode("span", "------------------------------"));
-            resultShowNode.appendChild(createNode("br"));
-          }
-        }
-        resultBody.innerHTML = "";
-        resultBody.appendChild(resultShowNode);
-        resultContainer.style.display = "block";
-        document.addEventListener("mousedown", clickToHide);
-        return true;
-      } catch (ex) {
-        alert(ex.message);
-        return false;
-      }
-    }
-
-    function wrapChildFields(childFields) {
-      for (let childField of childFields) {
-        for (let field of childField) {
-          oriParseInfo[field.FieldName] = field.Value;
-          if (field.ChildFields) {
-            wrapChildFields(field.ChildFields);
-          }
-        }
-      }
-    }
-
-    function clickToHide(e) {
-      if (e.target === document.body || e.target.id === "span-tip") {
-        closeResultAlert();
-        document.removeEventListener("click", arguments.callee);
-      }
-    }
-
-    async function closeResultAlert() {
-      resultContainer.style.display = "none";
-      resultBody.innerText = "";
-      const { cameraEnhancer, cvRouter } = await pInit;
-      if (cameraEnhancer.singleFrameMode === "disabled") {
-        messageDisplayTimer = setTimeout(() => {
-          if (cameraEnhancer.singleFrameMode === "disabled") {
-            messageContainer.style.display = "flex";
-          }
-        }, 3000);
-      }
-      await cvRouter.startCapturing("ReadGS1AI");
-    }
-  </script>
-</body>
-
-</html>