dynamsoft-camera-enhancer
Advanced tools
dynamsoft-camera-enhancer - npm Package Compare versions
Comparing version 4.0.3-beta-202406040432 to 4.0.3-beta-202407250120
| { | ||
| "name": "dynamsoft-camera-enhancer", | ||
| "version": "4.0.3-beta-202406040432", | ||
| "version": "4.0.3-beta-202407250120", | ||
| "description": "Allow your website to easily control cameras on desktop and mobile devices.", | ||
@@ -5,0 +5,0 @@ "private": false, |
@@ -10,15 +10,14 @@ # Dynamsoft Camera Enhancer for Your Website | ||
| - [Dynamsoft Camera Enhancer for Your Website](#dynamsoft-camera-enhancer-for-your-website) | ||
| - [Getting Started](#getting-started) | ||
| - [Include the SDK](#include-the-sdk) | ||
| - [Use a CDN](#use-a-cdn) | ||
| - [Host the SDK yourself](#host-the-sdk-yourself) | ||
| - [Use the SDK](#use-the-sdk) | ||
| - [Show live video stream on the page](#show-live-video-stream-on-the-page) | ||
| - [Capture image frames from the video stream](#capture-image-frames-from-the-video-stream) | ||
| - [Use ImageEditorView and the Drawing Logic](#use-imageeditorview-and-the-drawing-logic) | ||
| - [Customize the UI](#customize-the-ui) | ||
| - [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: Include the SDK from the server](#step-three-include-the-sdk-from-the-server) | ||
| - [Step Three: Add the SDK from the server](#step-three-add-the-sdk-from-the-server) | ||
| - [FAQ](#faq) | ||
@@ -32,15 +31,13 @@ - [Can I open the web page directly from the hard drive?](#can-i-open-the-web-page-directly-from-the-hard-drive) | ||
| ## Getting Started | ||
| ## Adding the SDK | ||
| ### Include the SDK | ||
| To use the SDK, we first add the following packages: | ||
| To use the SDK, we first include 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 to include it. | ||
| 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 | ||
| ### Use a CDN | ||
| The simplest way to include the SDK is to use a CDN such as [jsDelivr](https://jsdelivr.com/) or [UNPKG](https://unpkg.com/). | ||
| The simplest way to add the SDK is to use a CDN such as [jsDelivr](https://jsdelivr.com/) or [UNPKG](https://unpkg.com/). | ||
@@ -68,3 +65,3 @@ - jsDelivr | ||
| #### Host the SDK yourself | ||
| ### Host the SDK yourself | ||
@@ -89,3 +86,3 @@ Besides using the CDN, you can also download the SDK and host it locally. | ||
| Depending on how you downloaded the SDK and where you put it. You can typically include it like this: | ||
| Depending on how you downloaded the SDK and where you put it. You can typically add it like this: | ||
@@ -99,5 +96,5 @@ ```html | ||
| ### Use the SDK | ||
| ## Using the SDK | ||
| #### Show live video stream on the page | ||
| ### Stream live video | ||
@@ -130,3 +127,3 @@ We can create a `CameraEnhancer` instance to open and show the video stream on the page. The following code snippet demonstrates the complete process: | ||
| #### Capture image frames from the video stream | ||
| ### Capture image frames | ||
@@ -158,3 +155,3 @@ There are two ways to capture image frames with Dynamsoft Camera Enhancer. | ||
| #### Use ImageEditorView and the Drawing Logic | ||
| ### Use ImageEditorView | ||
@@ -177,3 +174,3 @@ 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: | ||
| let drawingLayer = editorView.createDrawingLayer(); | ||
| let rect = new Dynamsoft.DCE.DrawingItem.RectDrawingItem( | ||
| let rect = new Dynamsoft.DCE.RectDrawingItem( | ||
| { | ||
@@ -192,3 +189,3 @@ x: 100, | ||
| #### Customize the UI | ||
| ### Customize the UI | ||
@@ -276,5 +273,5 @@ The built-in UI of the `CameraView` instance is defined in the file `dist/dce.ui.html`. You can copy the file `dist/dce.ui.html` to your project, modify it and pass its path in the API `createInstance` to set it as the default UI. | ||
| ### Step Three: Include the SDK from the server | ||
| ### Step Three: Add the SDK from the server | ||
| Now that the SDK is hosted on your server, you can include it accordingly. | ||
| Now that the SDK is hosted on your server, you can add it accordingly. | ||
@@ -281,0 +278,0 @@ ```html |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by2.11%
1739706
- Number of package files
- increased by8.33%
13
- Lines of code
- increased by0.84%
7897
Worsened metrics
- Number of lines in readme file
- decreased by-0.88%
338