From a576a4b8a165cf240a6f3de5daae7c2c465c1942 Mon Sep 17 00:00:00 2001 From: Nikhil Chaudhary Date: Mon, 22 Apr 2024 14:00:39 -0400 Subject: [PATCH 1/3] Faqs added 1. version mismatch 2. app switching issue --- .../javascript/faq/app-switching-issue.md | 34 +++++++++++++ programming/javascript/faq/index.md | 14 ++++++ .../javascript/faq/version-mismatch.md | 48 +++++++++++++++++++ 3 files changed, 96 insertions(+) create mode 100644 programming/javascript/faq/app-switching-issue.md create mode 100644 programming/javascript/faq/index.md create mode 100644 programming/javascript/faq/version-mismatch.md diff --git a/programming/javascript/faq/app-switching-issue.md b/programming/javascript/faq/app-switching-issue.md new file mode 100644 index 0000000..673b8e9 --- /dev/null +++ b/programming/javascript/faq/app-switching-issue.md @@ -0,0 +1,34 @@ + +--- +layout: default-layout +title: How can I prevent my browser from freezing or showing a grey screen when I switch between apps and return to it? +keywords: Dynamsoft Barcode Reader, FAQ, tech basic, frozen screen, grey screen +description: How can I prevent my browser from freezing or showing a grey screen when I switch between apps and return to it? +needAutoGenerateSidebar: false +--- + +# How can I prevent my browser from freezing or showing a grey screen when I switch between apps and return to it? + +[<< Back to FAQ index](index.md) + +When using the camerenhancer sdk, you may encounter an issue where switching to another app and then returning to the browser results in a frozen or grey screen. To address this, utilize a workaround in the form of the following code snippet: + +```javascript +window.addEventListener("visibilitychange", () => { + if (document.visibilityState === "hidden") { + if (router && cameraEnhancer) { + router.stopCapturing().then(() => { + cameraEnhancer.close(); + }); + } + } else if (document.visibilityState === "visible") { + if (router && cameraEnhancer) { + cameraEnhancer.open().then(status => { + router.startCapturing("DetectDocumentBoundaries_Default"); + }); + } + } +}); +``` + +This code essentially closes the camera and releases associated resources when the user exits the browser. It then reopens the camera when the user returns to the browser, ensuring a smoother experience. \ No newline at end of file diff --git a/programming/javascript/faq/index.md b/programming/javascript/faq/index.md new file mode 100644 index 0000000..2a25aca --- /dev/null +++ b/programming/javascript/faq/index.md @@ -0,0 +1,14 @@ +--- +layout: default-layout +title: JavaScript - Dynamsoft Capture Vision FAQ +keywords: faq, javascript, dcv +description: Dynamsoft Capture Vision FAQ - JavaScript +needAutoGenerateSidebar: false +noTitleIndex: true +--- + +# FAQ - JavaScript + +1. [How can I prevent my browser from freezing or showing a grey screen when I switch between apps and return to it?](app-switching-issue.html) + +2. [Why am I encountering errors like "r.taskSet.intermediateResultUnits is not iterable" when using frameworks like React or Angular with Dynamsoft packages?](version-mismatch.html) \ No newline at end of file diff --git a/programming/javascript/faq/version-mismatch.md b/programming/javascript/faq/version-mismatch.md new file mode 100644 index 0000000..edc7ba0 --- /dev/null +++ b/programming/javascript/faq/version-mismatch.md @@ -0,0 +1,48 @@ + +--- +layout: default-layout +title: Why am I encountering errors like "r.taskSet.intermediateResultUnits is not iterable" when using frameworks like React or Angular with Dynamsoft packages? +keywords: Dynamsoft Capture Vision, FAQ, version, mismatch, taskset +description: Why am I encountering errors like "r.taskSet.intermediateResultUnits is not iterable" when using frameworks like React or Angular with Dynamsoft packages? +needAutoGenerateSidebar: false +--- + +# Why am I encountering errors like "r.taskSet.intermediateResultUnits is not iterable" when using frameworks like React or Angular with Dynamsoft packages? + +[<< Back to FAQ index](index.md) + +Topic: Resolving Version Mismatch Issues in Dynamsoft Packages + +Resolution: + +When using a framework like React or Angular with Dynamsoft packages, it's crucial to ensure that the version number of each Dynamsoft package listed in the `package.json` file matches the version number defined in the `engineResourcePaths` generally found defined in the cvr.ts file if you have followed the samples for developement. + +In the `engineResourcePaths` configuration, make sure to include the correct version numbers for each Dynamsoft package mentioned in `package.json`. Here's an example of how to define the engineResourcePaths with the correct version numbers: + +```javascript +Dynamsoft.Core.CoreModule.engineResourcePaths = { + std: "https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-std@/dist/", + dip: "https://cdn.jsdelivr.net/npm/dynamsoft-image-processing@/dist/", + core: "https://cdn.jsdelivr.net/npm/dynamsoft-core@/dist/", + license: "https://cdn.jsdelivr.net/npm/dynamsoft-license@/dist/", + cvr: "https://cdn.jsdelivr.net/npm/dynamsoft-capture-vision-router@/dist/", + dbr: "https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader@/dist/", + dce: "https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@/dist/" +}; +``` +Replace , , , , , , and with the appropriate version numbers corresponding to each Dynamsoft package. + +```javascript +//some lines from package.json +"dependencies": { +... + "dynamsoft-barcode-reader": "", + "dynamsoft-camera-enhancer": "", + "dynamsoft-capture-vision-router": "", + "dynamsoft-core": "", + "dynamsoft-license": "", + "dynamsoft-utility": "", +} +``` + +By following these steps and maintaining consistency in version numbers between `package.json` and `engineResourcePaths`, you can mitigate version mismatch errors and ensure the proper functioning of Dynamsoft packages within your framework-based application. \ No newline at end of file From 7f9bc222d4f91737136bfe1c06b034d58a145033 Mon Sep 17 00:00:00 2001 From: Nikhil Chaudhary Date: Mon, 22 Apr 2024 14:04:22 -0400 Subject: [PATCH 2/3] formatting in faq --- programming/javascript/faq/app-switching-issue.md | 1 - programming/javascript/faq/version-mismatch.md | 1 - 2 files changed, 2 deletions(-) diff --git a/programming/javascript/faq/app-switching-issue.md b/programming/javascript/faq/app-switching-issue.md index 673b8e9..5a4bd6f 100644 --- a/programming/javascript/faq/app-switching-issue.md +++ b/programming/javascript/faq/app-switching-issue.md @@ -1,4 +1,3 @@ - --- layout: default-layout title: How can I prevent my browser from freezing or showing a grey screen when I switch between apps and return to it? diff --git a/programming/javascript/faq/version-mismatch.md b/programming/javascript/faq/version-mismatch.md index edc7ba0..a6b2097 100644 --- a/programming/javascript/faq/version-mismatch.md +++ b/programming/javascript/faq/version-mismatch.md @@ -1,4 +1,3 @@ - --- layout: default-layout title: Why am I encountering errors like "r.taskSet.intermediateResultUnits is not iterable" when using frameworks like React or Angular with Dynamsoft packages? From 1a4abb50eff8e2235530936afd98bd72233aeeae Mon Sep 17 00:00:00 2001 From: Nikhil Chaudhary <32631857+chaudharynikhil7@users.noreply.github.com> Date: Thu, 25 Apr 2024 15:10:58 -0400 Subject: [PATCH 3/3] Update index.md --- programming/javascript/faq/index.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/programming/javascript/faq/index.md b/programming/javascript/faq/index.md index 2a25aca..558793a 100644 --- a/programming/javascript/faq/index.md +++ b/programming/javascript/faq/index.md @@ -4,11 +4,12 @@ title: JavaScript - Dynamsoft Capture Vision FAQ keywords: faq, javascript, dcv description: Dynamsoft Capture Vision FAQ - JavaScript needAutoGenerateSidebar: false -noTitleIndex: true +permalink: /faq/index.html + --- # FAQ - JavaScript 1. [How can I prevent my browser from freezing or showing a grey screen when I switch between apps and return to it?](app-switching-issue.html) -2. [Why am I encountering errors like "r.taskSet.intermediateResultUnits is not iterable" when using frameworks like React or Angular with Dynamsoft packages?](version-mismatch.html) \ No newline at end of file +2. [Why am I encountering errors like "r.taskSet.intermediateResultUnits is not iterable" when using frameworks like React or Angular with Dynamsoft packages?](version-mismatch.html)