cm-chessboard 5.5.7 → 5.5.9

package/examples/extensions/chessboard-render-video-extension.html

@@ -34,9 +34,10 @@
             setTimeout(() => {
                 chessboard.movePiece("e7", "e5", true).then(() => {
                     setTimeout(() => {
-                        const url = chessboard.recorderStop()
-                        const video = document.getElementById("videoOut")
-                        video.src = url
+                        chessboard.recorderStop().then((url) => {
+                            const video = document.getElementById("videoOut")
+                            video.src = url
+                        })
                     }, 100)
                 })
             }, 400)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-chessboard",
-  "version": "5.5.7",
+  "version": "5.5.9",
   "description": "A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.",
   "keywords": [
     "chess",

package/src/cm-chessboard/extensions/render-video/RenderVideo.js

@@ -17,7 +17,7 @@ export class RenderVideo extends Extension {
         this.images = []
         this.makeSpriteInline()
         this.registerExtensionPoint(EXTENSION_POINT.animation, (event) => {
-            console.log(event)
+            // console.log(event)
             if (this.recorder && this.recorder.state === "recording") {
                 setTimeout(() => {
                     this.cloneImageAndRender()
@@ -25,7 +25,7 @@ export class RenderVideo extends Extension {
             }
         })
         this.registerMethod("recorderStart", () => {
-            if(this.recorder && this.recorder.state === "recording") {
+            if (this.recorder && this.recorder.state === "recording") {
                 console.error("recorder is running")
                 return
             }
@@ -58,14 +58,17 @@ export class RenderVideo extends Extension {
          * returns the url of the recorded media
          */
         this.registerMethod("recorderStop", () => {
-            if(!this.recorder || this.recorder.state !== "recording") {
-                console.error("recorder is not recording")
-                return
-            }
-            this.recorder.requestData()
-            this.recorder.stop()
-            console.log("recorder", this.recorder.state)
-            return URL.createObjectURL(new Blob(this.recordedData, {type: this.props.mediaType}))
+            return new Promise((resolve, reject) => {
+                if (!this.recorder || this.recorder.state !== "recording") {
+                    reject("recorder is not recording")
+                }
+                this.recorder.requestData()
+                setTimeout(() => {
+                    this.recorder.stop()
+                    console.log("recorder", this.recorder.state)
+                    resolve(URL.createObjectURL(new Blob(this.recordedData, {type: this.props.mediaType})))
+                }, 100)
+            })
         })
     }