@vidtreo/recorder 1.6.1 → 1.6.2

package/dist/index.js

@@ -1695,6 +1695,36 @@ async function resolveAudioCodecFromPolicy(options) {
   return options.policy.preferredAudioCodec;
 }
 
+// src/core/transcode/output-format.ts
+function getMimeTypeForOutputFormat(format) {
+  switch (format) {
+    case "mp4":
+      return "video/mp4";
+    case "webm":
+      return "video/webm";
+    case "mkv":
+      return "video/x-matroska";
+    case "mov":
+      return "video/quicktime";
+    default:
+      throw new Error(`Unsupported output format: ${format}`);
+  }
+}
+function getFileExtensionForOutputFormat(format) {
+  switch (format) {
+    case "mp4":
+      return "mp4";
+    case "webm":
+      return "webm";
+    case "mkv":
+      return "mkv";
+    case "mov":
+      return "mov";
+    default:
+      throw new Error(`Unsupported output format: ${format}`);
+  }
+}
+
 // src/core/transcode/video-transcoder.ts
 var ALLOW_ROTATION_METADATA = false;
 function createSource(input) {
@@ -1720,20 +1750,6 @@ function createOutputFormat(format) {
       throw new Error(`Unsupported output format: ${format}`);
   }
 }
-function getMimeTypeForFormat(format) {
-  switch (format) {
-    case "mp4":
-      return "video/mp4";
-    case "webm":
-      return "video/webm";
-    case "mkv":
-      return "video/x-matroska";
-    case "mov":
-      return "video/quicktime";
-    default:
-      throw new Error(`Unsupported output format: ${format}`);
-  }
-}
 function createConversionOptions(config, optimizeForSpeed = false) {
   const video = {
     fit: "contain",
@@ -1828,7 +1844,7 @@ async function transcodeVideo(input, config = {}, onProgress) {
   if (!buffer) {
     throw new Error("Transcoding completed but no output buffer was generated");
   }
-  const mimeType = getMimeTypeForFormat(finalConfig.format);
+  const mimeType = getMimeTypeForOutputFormat(finalConfig.format);
   return {
     buffer,
     blob: new Blob([buffer], { type: mimeType })
@@ -1899,7 +1915,7 @@ async function transcodeVideoForNativeCamera(file, config = {}, onProgress) {
   if (!buffer) {
     throw new Error("Transcoding completed but no output buffer was generated");
   }
-  const mimeType = getMimeTypeForFormat(finalConfig.format);
+  const mimeType = getMimeTypeForOutputFormat(finalConfig.format);
   return {
     buffer,
     blob: new Blob([buffer], { type: mimeType })
@@ -6045,7 +6061,7 @@ function resolveDeviceError(input) {
 // package.json
 var package_default = {
   name: "@vidtreo/recorder",
-  version: "1.6.1",
+  version: "1.6.2",
   type: "module",
   description: "Vidtreo SDK for browser-based video recording and transcoding. Features include camera/screen recording, real-time MP4 transcoding, audio level analysis, mute/pause controls, source switching, device selection, and automatic backend uploads. Similar to Ziggeo and Addpipe, Vidtreo provides enterprise-grade video processing capabilities for web applications.",
   main: "./dist/index.js",
@@ -6852,6 +6868,7 @@ class UploadQueueManager {
         apiKey: upload.apiKey,
         backendUrl: upload.backendUrl,
         filename: upload.filename,
+        mimeType: upload.mimeType,
         metadata: upload.metadata,
         userMetadata: upload.userMetadata,
         onProgress: (progress) => {
@@ -6899,6 +6916,7 @@ class UploadQueueManager {
 
 // src/core/upload/upload-service.ts
 var API_UPLOAD_PATH = "/api/v1/videos/upload";
+var MIME_TYPE_PARAMETER_SEPARATOR = ";";
 
 class VideoUploadService {
   uploadVideo(blob, options) {
@@ -6913,6 +6931,7 @@ class VideoUploadService {
   uploadVideoFile(blob, options) {
     return new Promise((resolve, reject) => {
       const xhr = new XMLHttpRequest;
+      const uploadBlob = this.createUploadBlob(blob, options.mimeType);
       if (options.onProgress) {
         const onProgress = options.onProgress;
         xhr.upload.addEventListener("progress", (event) => {
@@ -6939,10 +6958,10 @@ class VideoUploadService {
       xhr.open("POST", url);
       xhr.setRequestHeader("Authorization", `Bearer ${options.apiKey}`);
       const formData = new FormData;
-      formData.append("file", blob, options.filename);
+      formData.append("file", uploadBlob, options.filename);
       const metadata = {
         filename: options.filename,
-        mimeType: blob.type
+        mimeType: uploadBlob.type
       };
       if (options.userMetadata) {
         metadata.userMetadata = options.userMetadata;
@@ -6951,6 +6970,26 @@ class VideoUploadService {
       xhr.send(formData);
     });
   }
+  createUploadBlob(blob, mimeType) {
+    const normalizedMimeType = this.resolveUploadMimeType(blob, mimeType);
+    if (normalizedMimeType === blob.type) {
+      return blob;
+    }
+    return new Blob([blob], { type: normalizedMimeType });
+  }
+  resolveUploadMimeType(blob, mimeType) {
+    if (mimeType && mimeType.trim().length > 0) {
+      return this.normalizeMimeType(mimeType);
+    }
+    return this.normalizeMimeType(blob.type);
+  }
+  normalizeMimeType(mimeType) {
+    const [baseMimeType] = mimeType.split(MIME_TYPE_PARAMETER_SEPARATOR);
+    if (baseMimeType === undefined) {
+      return mimeType.trim().toLowerCase();
+    }
+    return baseMimeType.trim().toLowerCase();
+  }
   parseSuccessResponse(xhr, resolve, reject) {
     const parsed = this.safeParseJsonFromXhr(xhr);
     if (!parsed) {
@@ -22276,23 +22315,9 @@ var DEFAULT_ROUTE_DECISION2 = {
 var DEFAULT_RECORDING_MANAGER_DEPENDENCIES = {
   transcodeVideo
 };
-function getExpectedMimeTypePrefix(config) {
-  switch (config.format) {
-    case "mp4":
-      return "video/mp4";
-    case "webm":
-      return "video/webm";
-    case "mkv":
-      return "video/x-matroska";
-    case "mov":
-      return "video/quicktime";
-    default:
-      return null;
-  }
-}
 function isBlobAlreadyInTargetFormat(blob, config) {
-  const expectedMimeTypePrefix = getExpectedMimeTypePrefix(config);
-  return expectedMimeTypePrefix !== null && blob.type.toLowerCase().startsWith(expectedMimeTypePrefix);
+  const expectedMimeTypePrefix = getMimeTypeForOutputFormat(config.format);
+  return blob.type.toLowerCase().startsWith(expectedMimeTypePrefix);
 }
 
 class RecordingManager {
@@ -23102,7 +23127,9 @@ class RecorderController {
   async uploadVideo(blob, apiKey, backendUrl, metadata) {
     this.uploadCallbacks.onClearStatus();
     const duration = await extractVideoDuration(blob);
-    const filename = `recording-${Date.now()}.mp4`;
+    const outputFormat = this.configManager.getConfigForRecording().format;
+    const filename = `recording-${Date.now()}.${getFileExtensionForOutputFormat(outputFormat)}`;
+    const mimeType = getMimeTypeForOutputFormat(outputFormat);
     const sourceType = this.getCurrentSourceType();
     let userMetadata;
     if (Object.keys(metadata).length > 0) {
@@ -23119,6 +23146,7 @@ class RecorderController {
         apiKey,
         backendUrl,
         filename,
+        mimeType,
         duration,
         sourceType,
         userMetadata
@@ -23130,6 +23158,7 @@ class RecorderController {
       apiKey,
       backendUrl,
       filename,
+      mimeType,
       duration,
       metadata: undefined,
       userMetadata
@@ -23156,6 +23185,7 @@ class RecorderController {
         apiKey: options.apiKey,
         backendUrl: options.backendUrl,
         filename: options.filename,
+        mimeType: options.mimeType,
         metadata: undefined,
         userMetadata: options.userMetadata,
         onProgress: this.uploadCallbacks.onProgress
@@ -23854,8 +23884,10 @@ class VidtreoRecorder {
   async stopRecording() {
     await this.ensureInitialized();
     const blob = await this.controller.stopRecording();
+    const outputFormat = (await this.controller.getConfig()).format;
     const timestamp = Date.now();
-    const filename = `recording-${timestamp}.mp4`;
+    const filename = `recording-${timestamp}.${getFileExtensionForOutputFormat(outputFormat)}`;
+    const mimeType = getMimeTypeForOutputFormat(outputFormat);
     const uploadService = this.controller.getUploadService();
     if (!uploadService) {
       throw new Error("Upload service not available");
@@ -23864,6 +23896,7 @@ class VidtreoRecorder {
       apiKey: this.config.apiKey,
       backendUrl: this.config.apiUrl,
       filename,
+      mimeType,
       userMetadata: this.config.userMetadata,
       onProgress: this.config.onUploadProgress
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidtreo/recorder",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "type": "module",
   "description": "Vidtreo SDK for browser-based video recording and transcoding. Features include camera/screen recording, real-time MP4 transcoding, audio level analysis, mute/pause controls, source switching, device selection, and automatic backend uploads. Similar to Ziggeo and Addpipe, Vidtreo provides enterprise-grade video processing capabilities for web applications.",
   "main": "./dist/index.js",