Merge pull request #14 from apivideo/video-playable-event

Add videoPlayable event

Author: olivier-lando

CHANGELOG.md

@@ -1,6 +1,9 @@
 # Changelog
 All changes to this project will be documented in this file.
 
+## [1.0.8] - 2023-01-23
+- Add "videoPlayable" event
+
 ## [1.0.7] - 2022-10-10
 - Allow the user to customize the recorded video's name
 

README.md

@@ -185,6 +185,7 @@ The start() method stops the media recording. It upload the last part of content
 Define an event listener for the media recorder. The following events are available:
 - `"error"`: when an error occurs
 - `"recordingStopped"`: when the recording is stopped
+- `"videoPlayable"`: when the video is playable 
 
 **Example**
 

examples/index.html

@@ -59,6 +59,8 @@
                 uploadToken: "UPLOAD_TOKEN",
                 videoName: videoName
             });
+
+            recorder.addEventListener("videoPlayable", (e) => console.log("Video playable,", e));
 
             recorder.start();
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@api.video/media-recorder",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "api.video media recorder - upload video from your webcam with ease",
   "repository": {
     "type": "git",
@@ -39,7 +39,7 @@
     "xhr-mock": "^2.5.1"
   },
   "dependencies": {
-    "@api.video/video-uploader": "^1.1.0",
+    "@api.video/video-uploader": "^1.1.3",
     "core-js": "^3.23.3"
   }
 }

package.json

@@ -1,4 +1,4 @@
-import { ProgressiveUploader, ProgressiveUploaderOptionsWithUploadToken, ProgressiveUploaderOptionsWithAccessToken, VideoUploadResponse } from "@api.video/video-uploader";
+import { ProgressiveUploader, ProgressiveUploaderOptionsWithAccessToken, ProgressiveUploaderOptionsWithUploadToken, VideoUploadResponse } from "@api.video/video-uploader";
 import { VideoUploadError } from "@api.video/video-uploader/dist/src/abstract-uploader";
 
 export { ProgressiveUploaderOptionsWithAccessToken, ProgressiveUploaderOptionsWithUploadToken, VideoUploadResponse } from "@api.video/video-uploader";
@@ -16,7 +16,7 @@ try {
     // ignore
 }
 
-type EventType = "error" | "recordingStopped";
+type EventType = "error" | "recordingStopped" | "videoPlayable";
 
 
 export class ApiVideoMediaRecorder {
@@ -53,6 +53,9 @@ export class ApiVideoMediaRecorder {
     }
 
     public addEventListener(type: EventType, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined): void {
+        if(type === "videoPlayable") {
+            this.streamUpload.onPlayable((video) => this.dispatch("videoPlayable", video));
+        }
         this.eventTarget.addEventListener(type, callback, options);
     }