deepar 5.1.0 → 5.1.1

package/README.md

@@ -42,28 +42,6 @@ Using `yarn`:
 $ yarn add deepar
 ```
 
-## Bundler setup
-
-We recommend using a bundler to correctly include assets like DeepAR effects files.
-
-For example, if using Webpack, add this to your `webpack.config.js`:
-
-```javascript
-module.exports = {
-  // ...
-  module: {
-    rules: [
-      {
-        include: [
-          path.resolve(__dirname, 'effects/'),
-        ],
-        type: 'asset/resource',
-      },
-    ],
-  },
-  // ...
-```
-
 ## Canvas
 
 DeepAR requires a [canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API) element for the preview of camera, masks, filters and effects. You can add it directly in the HTML.
@@ -81,13 +59,9 @@ canvas.height = 720;
 
 > ⚠️ **Note:** Be sure to set `width` and `height` properties of the `canvas`!
 
-
-Or you can create it in Javascript.
-```javascript
-let canvas = document.createElement("canvas");
-```
-
-> **Note:** Be sure to set `width` and `height` properties of the `canvas`!
+You can always change the canvas dimensions and they don't have to match the
+input video resolution. DeepAR will fit the input camera/video stream correctly
+to any canvas size.
 
 ## Getting started
 There are two main ways to get deepar.js in your JavaScript project:
@@ -124,6 +98,20 @@ Add the following code to an HTML file:
 </html>
 ```
 
+Alternatively, you can import DeepAR as an ES6 module.
+
+Via `<script type="module">`.
+```html
+<script type="module">
+  import * as deepar from 'https://cdn.jsdelivr.net/npm/deepar/js/deepar.esm.js';
+</script>
+```
+
+Or via dynamic [import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import).
+```javascript
+const deepar = await import('https://cdn.jsdelivr.net/npm/deepar/js/deepar.esm.js');
+```
+
 ### via NPM
 Add deepar.js to your project using [yarn](https://yarnpkg.com/en/) or
 [npm](https://docs.npmjs.com/cli/npm).

package/VERSION.txt

@@ -1 +1 @@
-DeepAR SDK version: v5.1.0
+DeepAR SDK version: v5.1.1