@api.video/media-recorder - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

CHANGELOG.md

 # 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
@@ -5,0 +8,0 @@ - Allow the user to customize the recorded video's name

dist/src/index.d.ts

@@ -1,2 +0,2 @@
-import { ProgressiveUploaderOptionsWithUploadToken, ProgressiveUploaderOptionsWithAccessToken, VideoUploadResponse } from "@api.video/video-uploader";
+import { ProgressiveUploaderOptionsWithAccessToken, ProgressiveUploaderOptionsWithUploadToken, VideoUploadResponse } from "@api.video/video-uploader";
 import { VideoUploadError } from "@api.video/video-uploader/dist/src/abstract-uploader";
@@ -8,3 +8,3 @@ export { ProgressiveUploaderOptionsWithAccessToken, ProgressiveUploaderOptionsWithUploadToken, VideoUploadResponse } from "@api.video/video-uploader";
 }
-declare type EventType = "error" | "recordingStopped";
+declare type EventType = "error" | "recordingStopped" | "videoPlayable";
 export declare class ApiVideoMediaRecorder {
@@ -11,0 +11,0 @@ private mediaRecorder;

package.json

 {
   "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",
@@ -42,5 +42,5 @@ "repository": {
   "dependencies": {
-    "@api.video/video-uploader": "^1.1.0",
+    "@api.video/video-uploader": "^1.1.3",
     "core-js": "^3.23.3"
   }
 }

README.md

 [![badge](https://img.shields.io/twitter/follow/api_video?style=social)](https://twitter.com/intent/follow?screen_name=api_video)   [![badge](https://img.shields.io/github/stars/apivideo/api.video-typescript-media-recorder?style=social)](https://github.com/apivideo/api.video-typescript-media-recorder)   [![badge](https://img.shields.io/discourse/topics?server=https%3A%2F%2Fcommunity.api.video)](https://community.api.video)
-![](https://github.com/apivideo/API_OAS_file/blob/master/apivideo_banner.png)
+![](https://github.com/apivideo/.github/blob/main/assets/apivideo_banner.png)
 <h1 align="center">api.video media recorder</h1>
@@ -188,2 +188,3 @@
 - `"recordingStopped"`: when the recording is stopped
+- `"videoPlayable"`: when the video is playable 
 
@@ -190,0 +191,0 @@ **Example**

src/index.ts

@@ -1,2 +0,2 @@
-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";
@@ -19,3 +19,3 @@
 
-type EventType = "error" | "recordingStopped";
+type EventType = "error" | "recordingStopped" | "videoPlayable";
 
@@ -57,2 +57,5 @@
     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);
@@ -59,0 +62,0 @@ }

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

134383

increased by1.78%

Lines of code

165

increased by1.85%

Number of lines in readme file

291

increased by0.34%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• [e-mail]/video-uploader@^1.1.3