From 0d51effccde0d9436fc63c505dccef4b6d2f260a Mon Sep 17 00:00:00 2001 From: DMGithubPublisher Date: Mon, 15 Sep 2025 14:04:30 +0800 Subject: [PATCH 1/2] update to internal commit 3c140b1c --- .github/workflows/main.yml | 32 -- _config.yml | 1 + _data/full_tree.yml | 3 - _data/product_version.yml | 36 -- _includes/dceNav.html | 69 ---- .../release-notes/product-highlight-2.0.0.md | 8 - .../release-notes/product-highlight-2.1.0.md | 4 - .../release-notes/product-highlight-2.3.0.md | 6 - _includes/sidelist-full-tree.html | 4 - .../programming-javascript.html | 276 ------------- _layouts/default-layout-OLD.html | 156 -------- _layouts/developing.html | 93 ----- _layouts/home-page.html | 50 --- _layouts/search-page-OLD.html | 210 ---------- assets/js/dceWebVersionSearch.json | 98 ----- .../javascript/user-guide/index-v2.4.2200.md | 374 ------------------ 16 files changed, 1 insertion(+), 1419 deletions(-) delete mode 100644 .github/workflows/main.yml delete mode 100644 _data/full_tree.yml delete mode 100644 _data/product_version.yml delete mode 100644 _includes/dceNav.html delete mode 100644 _includes/release-notes/product-highlight-2.0.0.md delete mode 100644 _includes/release-notes/product-highlight-2.1.0.md delete mode 100644 _includes/release-notes/product-highlight-2.3.0.md delete mode 100644 _includes/sidelist-full-tree.html delete mode 100644 _includes/sidelist-programming/programming-javascript.html delete mode 100644 _layouts/default-layout-OLD.html delete mode 100644 _layouts/developing.html delete mode 100644 _layouts/home-page.html delete mode 100644 _layouts/search-page-OLD.html delete mode 100644 assets/js/dceWebVersionSearch.json delete mode 100644 programming/javascript/user-guide/index-v2.4.2200.md diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml deleted file mode 100644 index ff82b525..00000000 --- a/.github/workflows/main.yml +++ /dev/null @@ -1,32 +0,0 @@ -# This is a basic workflow to help you get started with Actions - -name: CI - -# Controls when the workflow will run -on: - # Triggers the workflow on push or pull request events for main and preview branch - push: - branches: - - main - #- preview - - # Allows you to run this workflow manually from the Actions tab - workflow_dispatch: - -# A workflow run is made up of one or more jobs that can run sequentially or in parallel -jobs: - Build-Main: - if: ${{ github.ref == 'refs/heads/main' }} - uses: dynamsoft-docs/Docs-Template-Repo/.github/workflows/called-workflow-build-sync-production.yml@main - with: - doc-repo: camera-enhancer-docs-js - doc-url: camera-enhancer/docs/web - secrets: inherit - - Build-Preview: - if: ${{ github.ref == 'refs/heads/preview' }} - uses: dynamsoft-docs/Docs-Template-Repo/.github/workflows/called-workflow-build-sync-testing.yml@preview - with: - doc-repo: camera-enhancer-docs-js - doc-url: camera-enhancer/docs/web - secrets: inherit diff --git a/_config.yml b/_config.yml index 73e68f6f..cc38ef77 100644 --- a/_config.yml +++ b/_config.yml @@ -48,6 +48,7 @@ download: /camera-enhancer/downloads/ useVersionTree: false isDCV: true +useJSVersionV3: true baseurl: "/camera-enhancer/docs/web/" plugins: diff --git a/_data/full_tree.yml b/_data/full_tree.yml deleted file mode 100644 index c71446e5..00000000 --- a/_data/full_tree.yml +++ /dev/null @@ -1,3 +0,0 @@ -tree_file_list: - - sidelist-full-tree.html - - sidelist-programming/programming-javascript.html diff --git a/_data/product_version.yml b/_data/product_version.yml deleted file mode 100644 index cdcb061c..00000000 --- a/_data/product_version.yml +++ /dev/null @@ -1,36 +0,0 @@ -useGroupedVersion: true - -version_info_list_js: - - value: latest version(4.0.3) - - value: 4.x - child: - - 4.0.2 - - 4.0.1 - - 4.0.0 - - value: 3.x - child: - - 3.3.10 - - 3.3.9 - - 3.3.8 - - 3.3.7 - - 3.3.6 - - 3.3.5 - - 3.3.4 - - 3.3.3 - - 3.3.2 - - 3.3.1 - - 3.3.0 - - 3.2.0 - - 3.1.0 - - 3.0.1 - - 3.0.0 - - value: 2.x - child: - - 2.3.5 - - 2.3.2 - - 2.3.1 - - 2.3.0 - - 2.1.4 - - 2.1.3 - - 2.1.0 - - 2.0.0 diff --git a/_includes/dceNav.html b/_includes/dceNav.html deleted file mode 100644 index 944b7bb0..00000000 --- a/_includes/dceNav.html +++ /dev/null @@ -1,69 +0,0 @@ - - -
-
-
-
-
- -
-
-
-
-
-
- -
Resource Base
-
-
-
-
-
-
-
- -
-
-
-
-
-
diff --git a/_includes/release-notes/product-highlight-2.0.0.md b/_includes/release-notes/product-highlight-2.0.0.md deleted file mode 100644 index ac28a856..00000000 --- a/_includes/release-notes/product-highlight-2.0.0.md +++ /dev/null @@ -1,8 +0,0 @@ - -- Simplified the usage of camera-control APIs. The new APIs are easier to use and cover more scenarios. -- Simplified the usage of camera enhancer features. Users can enable all required features via the method `enableFeatures` by inputting the combined enumeration value. -- Extended the features of `DCECameraView`. Users can add and personalize the overlays and viewfinder on the camera UI. -- Extended the features of `DCEFrame`. `DCEFrame` will store more frame information to cover more scenarios. In addition, the method `toBitmap` is added to enable users to convert `DCEFrame` to a visible image. -- The camera UI will display a fuzzified image instead of the previously captured image when the camera UI is quit and resumed. - - diff --git a/_includes/release-notes/product-highlight-2.1.0.md b/_includes/release-notes/product-highlight-2.1.0.md deleted file mode 100644 index b3ba81b9..00000000 --- a/_includes/release-notes/product-highlight-2.1.0.md +++ /dev/null @@ -1,4 +0,0 @@ - -- Added class scan region configuration APIs and `RegionDefinition` for users to set the region of interest. The frames will be cropped based on the scan region to accelerate further frame processing. - - diff --git a/_includes/release-notes/product-highlight-2.3.0.md b/_includes/release-notes/product-highlight-2.3.0.md deleted file mode 100644 index 1ac312fb..00000000 --- a/_includes/release-notes/product-highlight-2.3.0.md +++ /dev/null @@ -1,6 +0,0 @@ - - -* The same camera enhancer instance can now be used by multiple products. (JS edition only) -* Added photo capturing features. You can now capture high-resolution images using the library. (Mobile editions only) -* Added device feedback features. You can now trigger vibrations or beep sounds of mobile devices. (Mobile editions only) - diff --git a/_includes/sidelist-full-tree.html b/_includes/sidelist-full-tree.html deleted file mode 100644 index 63d109bd..00000000 --- a/_includes/sidelist-full-tree.html +++ /dev/null @@ -1,4 +0,0 @@ -
  • - DCE-JS Index -
    • -{%- include liquid_searchVersionTreeFile.html ver=include.ver curPath=include.curPath targetRelativePath="sidelist-programming/programming-javascript.html" -%} diff --git a/_includes/sidelist-programming/programming-javascript.html b/_includes/sidelist-programming/programming-javascript.html deleted file mode 100644 index 885aed48..00000000 --- a/_includes/sidelist-programming/programming-javascript.html +++ /dev/null @@ -1,276 +0,0 @@ -
  • DEVELOPMENT
    • -
  • - User Guide - -
    • -
  • - API Reference - -
    • -
  • USEFUL RESOURCES
    • -
  • - Release Notes - -
    • diff --git a/_layouts/default-layout-OLD.html b/_layouts/default-layout-OLD.html deleted file mode 100644 index a3743c64..00000000 --- a/_layouts/default-layout-OLD.html +++ /dev/null @@ -1,156 +0,0 @@ - - - -{%- include head.html -%} -{%- assign noTitleIndex = "" -%} -{%- if page.noTitleIndex or page.url contains 'release-notes' -%} - {%- assign noTitleIndex = "noTitleIndex" -%} -{%- endif -%} - - {% assign url = 'https://www.dynamsoft.com/shared/head/' %} - {% remote_include {{ url }} %} - - {%- include dceNav.html -%} -
    Table of contents
    -
    -
    -
    -
    - {%- include main-page-head.html -%} -
    -
    -
    - - {{ content }} - -
    -
    -
    -

    This page is compatible for:

    -

    Version 1.0

    -
    -
    -

    Is this page helpful?

    - YesYes - NoNo -
    -
    {%- if page.needAutoGenerateSidebar -%} -

    In this article:

    -
    - {%- endif -%} -
    -
    - -
    - -
    -
    -
    -
    -
    - {%- include liquid_autoGenerateHistoryList.html -%} {%- include auto-version-list.html -%} -
    -
    -
    - - - - - - - - - - - - {%- include livehelp.html -%} - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/_layouts/developing.html b/_layouts/developing.html deleted file mode 100644 index 7d5446ff..00000000 --- a/_layouts/developing.html +++ /dev/null @@ -1,93 +0,0 @@ - - - -{%- include head.html -%} - - -
    - {%- include page_header.html -%} -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    -
      - {%- include sidelist-introduction.html -%} - {%- include sidelist-programming.html -%} - {%- include sidelist-trouble-shooting.html -%} -
    -
    -
    -
    - {%- include main-page-head.html -%} -
    -
    -
    -

    in the process of development…

    -

    Back to Homepage

    - {{ content }} -
    -
    -
    -
    -
    -
    - {%- include page_footer.html -%} -
    - - - - {%- if page.needAutoGenerateSidebar -%} - - {%- else -%} - - {%- endif -%} - - - - - - diff --git a/_layouts/home-page.html b/_layouts/home-page.html deleted file mode 100644 index 89aa9009..00000000 --- a/_layouts/home-page.html +++ /dev/null @@ -1,50 +0,0 @@ - - - -{%- include head.html -%} - - - - - {% assign url = 'https://www.dynamsoft.com/shared/head/' %} - {% remote_include {{ url }} %} - -
    -
    -
    - - {{ content }} -
    -
    -
    -
    - {%- include page_footer.html -%} -
    - - - - - - - diff --git a/_layouts/search-page-OLD.html b/_layouts/search-page-OLD.html deleted file mode 100644 index 932a1930..00000000 --- a/_layouts/search-page-OLD.html +++ /dev/null @@ -1,210 +0,0 @@ - - - -{%- include head.html -%} - - - - {% assign url = 'https://www.dynamsoft.com/shared/head/' %} - {% remote_include {{ url }} %} - - {%- include dceNav.html -%} -
    -
    -
    -
    -
    -
    -
    -

    Search

    - -
    -
    -
    -
    - -
    -
    -
    -
    -
    - {%- include page_footer.html -%} -
    - - - - {%- include livehelp.html -%} - - - \ No newline at end of file diff --git a/assets/js/dceWebVersionSearch.json b/assets/js/dceWebVersionSearch.json deleted file mode 100644 index aadc9427..00000000 --- a/assets/js/dceWebVersionSearch.json +++ /dev/null @@ -1,98 +0,0 @@ -[ - { - "version": "4.0.3", - "matchList": { - "javascript": { - "dcvRepoWeb": [ - { - "path": "/programming/javascript/api-reference/license", - "version": "3.2.21" - }, - { - "path": "/programming/javascript/api-reference/core", - "version": "3.2.30" - } - ], - "dbr": "10.2.10", - "ddn": "2.2.10", - "dlr": "3.2.30" - } - } - }, - { - "version": "4.0.2", - "matchList": { - "javascript": { - "dcvRepoWeb": [ - { - "path": "/programming/javascript/api-reference/license", - "version": "3.2.10" - }, - { - "path": "/programming/javascript/api-reference/core", - "version": "3.2.10" - } - ], - "dbr": "10.2.10", - "ddn": "2.2.10", - "dlr": "3.2.30" - } - } - }, - { - "version": "4.0.1", - "matchList": { - "javascript": { - "dcvRepoWeb": [ - { - "path": "/programming/javascript/api-reference/license", - "version": "3.0.20" - }, - { - "path": "/programming/javascript/api-reference/core", - "version": "3.0.30" - } - ], - "ddn": "2.0.21" - } - } - }, - { - "version": "4.0.0", - "matchList": { - "javascript": { - "dcvRepoWeb": [ - { - "path": "/programming/javascript/api-reference/license", - "version": "3.0.10" - }, - { - "path": "/programming/javascript/api-reference/core", - "version": "3.0.10" - } - ], - "ddn": "2.0.21" - } - } - }, - { - "version": "3.3.10", - "matchList": { - "javascript": { - "dbr": "9.6.33", - "ddn": "1.0.12", - "dlr": "2.2.31" - } - } - }, - { - "version": "3.3.9", - "matchList": { - "javascript": { - "dbr": "9.6.32", - "ddn": "1.0.12", - "dlr": "2.2.31" - } - } - } -] diff --git a/programming/javascript/user-guide/index-v2.4.2200.md b/programming/javascript/user-guide/index-v2.4.2200.md deleted file mode 100644 index a461c63f..00000000 --- a/programming/javascript/user-guide/index-v2.4.2200.md +++ /dev/null @@ -1,374 +0,0 @@ ---- -layout: default-layout -title: User Guide - Dynamsoft Camera Enhancer for JavaScript -description: This is the user guide of Dynamsoft Camera Enhancer JavaScript SDK. -keywords: user guide, javascript, js -breadcrumbText: User Guide -noTitleIndex: true -needGenerateH3Content: true -needAutoGenerateSidebar: true ---- - -# Dynamsoft Camera Enhancer for Your Website - -Dynamsoft Camera Enhancer allows your website to easily control the camera in the browser on desktop or mobile devices. - -With the SDK integrated, your users can open your website in a browser, access their cameras to stream live video and acquire real-time frames for further processing. The SDK also supports simple shape drawing, allowing information to be presented directly on the video stream or over a static image for integrated user interaction. - -In this guide, you will learn step by step on how to integrate the Dynamsoft Camera Enhancer SDK into your website. - -- [Dynamsoft Camera Enhancer for Your Website](#dynamsoft-camera-enhancer-for-your-website) - - [Adding the SDK](#adding-the-sdk) - - [Use a CDN](#use-a-cdn) - - [Host the SDK yourself](#host-the-sdk-yourself) - - [Using the SDK](#using-the-sdk) - - [Stream live video](#stream-live-video) - - [Capture image frames](#capture-image-frames) - - [Use ImageEditorView](#use-imageeditorview) - - [Customize the UI](#customize-the-ui) - - [Hosting the SDK](#hosting-the-sdk) - - [Step One: Deploy the dist folder](#step-one-deploy-the-dist-folder) - - [Step Two: Configure the Server](#step-two-configure-the-server) - - [Step Three: Add the SDK from the server](#step-three-add-the-sdk-from-the-server) - - [FAQ](#faq) - - [Can I open the web page directly from the hard drive?](#can-i-open-the-web-page-directly-from-the-hard-drive) - - [Why can't I use my camera?](#why-cant-i-use-my-camera) - - [API Documentation](#api-documentation) - - [System Requirements](#system-requirements) - - [Next Steps](#next-steps) - -## Adding the SDK - -To use the SDK, we first add the following packages: - -1. `dynamsoft-camera-enhancer`: Required, it provides the camera related functionalities used in this guide. -2. `dynamsoft-core`: Required, it includes basic classes, interfaces, and enumerations that are shared between all Dynamsoft SDKs. -3. `dynamsoft-license`: Optional, if you wish to utilize advanced features such as auto-zoom, enhanced focus, and tap-to-focus, you will need it. - -### Use a CDN - -The simplest way to add the SDK is to use a CDN such as [jsDelivr](https://jsdelivr.com/) or [UNPKG](https://unpkg.com/). - -- jsDelivr - - ```html - - - - ``` - -- UNPKG - - ```html - - - - ``` - - - -### Host the SDK yourself - -Besides using the CDN, you can also download the SDK and host it locally. - -The following shows a few ways to download the SDK. - -- yarn - - ```cmd - yarn add dynamsoft-camera-enhancer - ``` - -- npm - - ```cmd - npm install dynamsoft-camera-enhancer --save - ``` - -> Note: Upon installation of `dynamsoft-camera-enhancer`, a compatible versions of `dynamsoft-core` will be automatically installed if not installed already. - -Depending on how you downloaded the SDK and where you put it. You can typically add it like this: - -```html - - -``` - -Read more on [how to host the SDK](#hosting-the-sdk). - -## Using the SDK - -### Stream live video - -We can create a `CameraEnhancer` instance to open and show the video stream on the page. The following code snippet demonstrates the complete process: - -1. Create a `CameraView` instance. In our case, it's named `cameraView`; -2. Pass `cameraView` to the method `createInstance()` to create a `CameraEnhancer` instance. This way, `cameraView` is bound to the created object `cameraEnhancer`; -3. Show the UI element of `cameraView` by appending it to an existing element in the DOM; -4. Open the video stream which will show up in the UI Element. - -```html - -
    - -``` - -### Capture image frames - -There are two ways to capture image frames with Dynamsoft Camera Enhancer. - -- Capture a single latest frame - - This is done with the method [fetchImage()](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/acquisition.html#fetchimage) as shown in the following code snippet: - - ```javascript - let img = cameraEnhancer.fetchImage(); - document.body.appendChild(img.toCanvas()); - ``` - -- Start a capture loop that captures multiple frames at a steady interval into a buffer and then read frames from the buffer. The following code snippet shows how it works: - - ```javascript - // Capture an image frame every 2 seconds and subsequently append it to the buffer. - cameraEnhancer.setImageFetchInterval(2000); - // The event "frameAddedToBuffer" is triggered whenever a new frame is added to the buffer. - cameraEnhancer.on("frameAddedToBuffer", () => { - let img = cameraEnhancer.getImage(); - console.log(img); - }); - // Start the built-in fetching loop. - cameraEnhancer.startFetching(); - ``` - -### Use ImageEditorView - -The other view class ImageEditorView is designed to show a single image. The following code snippet shows a single frame in an `ImageEditorView` instance and draws a rectangle on the image: - -```html -
    -``` - -```javascript -// The default UI will be used if no parameter is provided to 'ImageEditorView.createInstance()'. -let editorView = await Dynamsoft.DCE.ImageEditorView.createInstance(); -// Retrieve the UI of the 'editorView' instance and append it to the DOM. -document.querySelector("#imageEditorContainer").append(editorView.getUIElement()); -// When the video is already playing, capture an image and draw it on the ImageEditorView. -let img = cameraEnhancer.fetchImage(); -editorView.setOriginalImage(img); -// Draw a rectangle on the image. -let drawingLayer = editorView.createDrawingLayer(); -let rect = new Dynamsoft.DCE.RectDrawingItem( - { - x: 100, - y: 100, - width: 1070, - height: 520 - }); -drawingLayer.addDrawingItems([rect]); -``` - -Once the rectangle appears on the image, you can click to select it and adjust its position, size, etc. - -Read more about [How to draw shapes](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/user-guide/features/draw-shapes.html). - -### Customize the UI - -Dynamsoft Camera Enhancer (DCE) offers extensive customization options. If you only need to adjust the UI without delving into other features, this section is for you. - -**Use the built-in UI** - -DCE includes several pre-defined UIs in the `DCE-LIB-PACKAGE/dist/xxxx.ui.html` (or `node_modules/dynamsoft-camera-enhancer/dist/xxxx.ui.html`). - -* `dce.ui.html`: The default UI used by CameraView.createInstance() for simple use cases. -* `dce.mobile-native.ui.html`: A mobile-inspired UI with auto flash, suitable for most websites. Activate it with `CameraView.createInstance('@engineResourcePath/dce.mobile-native.ui.html')`. - -When `cameraEnhancer.open()` is called, the UI elements are dynamically bound to functions based on their class names, such as `dce-xxxx`. - -**Modify the UI dynamically** - -To customize the UI, call `view.getUIElement()` to access the HTMLElement containing all UI elements. Before `cameraEnhancer.open()`, you can modify the UI by editing CSS, adding/removing elements, or restructuring the HTML. This usually works without issues, though testing is recommended. - -After `cameraEnhancer.open()`, UI adjustments are possible via JavaScript, but handle elements with `dce-` prefixed class names carefully, as they may be linked to specific logic. - -**Define the UI in a separate HTML** - -For less dynamic but more structured customization, create a copy of the desired `xxxx.ui.html`, modify it as needed, and store it in your project's `public` folder. Use this customized UI with `CameraView.createInstance('PATH-TO/xxxx.ui.html')`. - -**Integrate HTML into Your Project** - -Alternatively, `CameraView.createInstance()` accepts an `HTMLElement` directly. This allows you to build and manage the UI within your webpage. For example, set the UI using `CameraView.createInstance(document.getElementById('my-custom-ui'))`. - -Let's see the following example. - -**Practise: customize base on `dce.ui.html`** - -Start by opening dce.ui.html in your editor to review its content. You can copy several elements from this file. - -Next, create a new HTML page, beginning by embedding only the video: - -```html -
    -
    -
    - -``` - -> The video element will automatically be created and appended to the `dce-video-container` div. - -Next, add the camera and resolution list. If the classes match the default ones (`dce-sel-camera` and `dce-sel-resolution`), the SDK will populate them and manage switching. - -```html -
    -
    -
    - -
    -
    -``` - -```html -
    -
    -
    - - -
    -
    -``` - -> By default, only 3 hard-coded resolutions (1920 x 1080, 1280 x 720, 640 x 480) are available. You can show a customized set of options by hardcoding them. - -```html - -``` - -> Ensure the selected resolution is supported by the camera. If not, the closest supported resolution will be used. The `dce-opt-gotResolution` class shows the **actual resolution**. - -**End of the section: customize the UI** - -This concludes the UI customization section. Whether using built-in UIs or custom HTML, the process is straightforward. - -## Hosting the SDK - -### Step One: Deploy the dist folder - -Once you have downloaded the SDK, you can locate the "dist" directory and copy it to your project (usually as part of your website / web application). The following shows some of the files in this directory: - -- `dce.js` // The main SDK file -- `dce.mjs` // For using the SDK as a module (` -``` - -## FAQ - -### Can I open the web page directly from the hard drive? - -Yes, for simple testing purposes, it's ok to open the file directly from the hard drive (`file://`). However, you might encounter some issues in doing so (cannot access camera, etc.). The recommendation is to deploy this page to your web server and run it over **HTTPS** or use "http://localhost" during development. - -If you don't have a ready-to-use web server but have a package manager like *npm* or *yarn*, you can set up a simple HTTP server in minutes. Check out [`http-server` on npm](https://www.npmjs.com/package/http-server) or [`http-server` on yarn](https://yarnpkg.com/package/http-server). - -### Why can't I use my camera? - -If you open the web page as `http://` , the camera may not work and you see a warnings or an error in the browser console. This is usually because the API [getUserMedia](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia) requires HTTPS to access the camera. - -To make sure your web application can access the camera, please configure your web server to support HTTPS. The following links may help. - -- NGINX: [Configuring HTTPS servers](https://nginx.org/en/docs/http/configuring_https_servers.html) -- IIS: [Create a Self Signed Certificate in IIS](https://aboutssl.org/how-to-create-a-self-signed-certificate-in-iis/) -- Tomcat: [Setting Up SSL on Tomcat in 5 minutes](https://dzone.com/articles/setting-ssl-tomcat-5-minutes) -- Node.js: [npm tls](https://nodejs.org/docs/v0.4.1/api/tls.html) - -## API Documentation - -You can check out the detailed documentation about the APIs of the SDK at -[https://www.dynamsoft.com/camera-enhancer/docs/programming/javascript/api-reference/index.html](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/index.html). - -## System Requirements - -DCE requires the following features to work: - -* Secure context (HTTPS deployment) - - When deploying your application / website for production, make sure to serve it via a secure HTTPS connection. This is required for two reasons - - * Access to the camera video stream is only granted in a security context. Most browsers impose this restriction. - > Some browsers like Chrome may grant the access for `http://127.0.0.1` and `http://localhost` or even for pages opened directly from the local disk (`file:///...`). This can be helpful for temporary development and test. - - * Dynamsoft License requires a secure context to work. - -* `MediaDevices`/`getUserMedia` - - This API is only required for in-browser video streaming. - -* `getSettings` - - This API inspects the video input which is a `MediaStreamTrack` object about its constrainable properties. - -The following table is a list of supported browsers based on the above requirements: - - | Browser Name | Version | - | :----------: | :-----: | - | Chrome | v59+ | - | Firefox | v68+ | - | Edge | v79+ | - | Safari | v11+ | - -Apart from the browsers, the operating systems may impose some limitations of their own that could restrict the use of the SDK. Browser compatibility ultimately depends on whether the browser on that particular operating system supports the features listed above. - - - -## Next Steps - -Now that you have got the SDK integrated, you can choose to move forward in the following directions - -1. Check out the [official samples on Github](https://github.com/Dynamsoft/camera-enhancer-javascript-samples). -2. Learn about the available [APIs](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/api-reference/index.html). -3. Learn more about the [Shape Drawing Feature](https://www.dynamsoft.com/camera-enhancer/docs/web/programming/javascript/user-guide/features/draw-shapes.html). \ No newline at end of file From 72366ab935a8e4a35d1d5d2356b42df4e3493643 Mon Sep 17 00:00:00 2001 From: DMGithubPublisher Date: Mon, 15 Sep 2025 15:21:33 +0800 Subject: [PATCH 2/2] update to internal commit ea2361c4 --- .github/workflows/main.yml | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 .github/workflows/main.yml diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml new file mode 100644 index 00000000..ad292026 --- /dev/null +++ b/.github/workflows/main.yml @@ -0,0 +1,34 @@ +# This is a basic workflow to help you get started with Actions + +name: CI + +# Controls when the workflow will run +on: + # Triggers the workflow on push events but only for the master branch + push: + branches: + - main + #- preview + + # Allows you to run this workflow manually from the Actions tab + workflow_dispatch: + +# A workflow run is made up of one or more jobs that can run sequentially or in parallel +jobs: + # This workflow contains jobs called "Build-Main" and "Build-Preview" + Build-Main: + if: ${{ github.ref == 'refs/heads/main' }} + uses: dynamsoft-docs/Docs-Template-Repo/.github/workflows/called-workflow-build-sync-production.yml@main + with: + doc-repo: camera-enhancer-docs-js + doc-url: camera-enhancer/docs/web + secrets: inherit + + Build-Preview: + if: ${{ github.ref == 'refs/heads/preview' }} + uses: dynamsoft-docs/Docs-Template-Repo/.github/workflows/called-workflow-build-sync-testing.yml@preview + with: + doc-repo: camera-enhancer-docs-js + doc-url: camera-enhancer/docs/web + secrets: inherit +