@zappar/mediarecorder 0.0.1 → 0.2.0

package/lib/converter-worker.js

@@ -8,7 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import * as enc from "./encoder";
-enc.initialize(new URL("./webmtransmux.wasm", import.meta.url).toString());
+enc.initialize(new URL("./webmtransmux.wasm", import.meta.url).toString()).then(() => {
+    postMessage({ 'type': 'converter-worker-loaded' });
+});
 addEventListener('message', (evt) => __awaiter(void 0, void 0, void 0, function* () {
     if (evt && evt.data && typeof evt.data['indx'] === 'number') {
         const webtrans = yield enc.createWebMTrans();

package/lib/converter.d.ts

@@ -1,2 +1,3 @@
-export declare function getWorker(): Worker;
+export declare function getWorker(): Promise<Worker>;
 export declare function convert(data: ArrayBuffer): Promise<ArrayBuffer>;
+export declare function load(): Promise<void>;

package/lib/converter.js

@@ -1,20 +1,49 @@
-let worker;
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+let workerPromise;
 export function getWorker() {
-    if (!worker)
-        worker = new Worker(new URL('./converter-worker', import.meta.url), { type: 'module' });
-    return worker;
+    if (!workerPromise) {
+        workerPromise = new Promise(resolve => {
+            const worker = new Worker(new URL('./converter-worker', import.meta.url), { type: 'module' });
+            function handle(evt) {
+                if (evt.data && evt.data.type === 'converter-worker-loaded') {
+                    worker.removeEventListener('message', handle);
+                    resolve(worker);
+                }
+            }
+            worker.addEventListener('message', handle);
+        });
+    }
+    return workerPromise;
 }
 let nextIndex = 0;
 export function convert(data) {
-    const worker = getWorker();
-    const indx = nextIndex++;
-    return new Promise(resolve => {
-        function handler(evt) {
-            worker.removeEventListener('message', handler);
-            if (evt.data['indx'] === indx)
-                resolve(evt.data['data']);
+    return __awaiter(this, void 0, void 0, function* () {
+        const worker = yield getWorker();
+        const indx = nextIndex++;
+        return yield new Promise(resolve => {
+            function handler(evt) {
+                worker.removeEventListener('message', handler);
+                if (evt.data['indx'] === indx)
+                    resolve(evt.data['data']);
+            }
+            worker.addEventListener('message', handler);
+            worker.postMessage({ indx, data }, [data]);
+        });
+    });
+}
+export function load() {
+    return __awaiter(this, void 0, void 0, function* () {
+        // Preload worker if it's likely to be necessary
+        if (!MediaRecorder.isTypeSupported('video/mp4') && MediaRecorder.isTypeSupported('video/webm;codecs="avc1,opus"')) {
+            yield getWorker();
         }
-        worker.addEventListener('message', handler);
-        worker.postMessage({ indx, data }, [data]);
     });
 }

package/lib/index.d.ts

@@ -1,2 +1,2 @@
 export { ConvertingMediaRecorder as MediaRecorder } from './mediarecorder';
-export { convert } from './converter';
+export { convert, load } from './converter';

package/lib/index.js

@@ -1,2 +1,2 @@
 export { ConvertingMediaRecorder as MediaRecorder } from './mediarecorder';
-export { convert } from './converter';
+export { convert, load } from './converter';

package/lib/mediarecorder.js

@@ -7,11 +7,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { convert, getWorker } from "./converter";
+import { convert } from "./converter";
 export class ConvertingMediaRecorder extends MediaRecorder {
     static isTypeSupported(type) {
         if (type === 'video/mp4') {
-            return MediaRecorder.isTypeSupported('video/mp4') || MediaRecorder.isTypeSupported('video/webm;codecs="avc1,opus"');
+            if (MediaRecorder.isTypeSupported('video/mp4'))
+                return true;
+            if (!MediaRecorder.isTypeSupported('video/webm;codecs="avc1,opus"')) {
+                console.log("Warning: device doesn't support codec required for @zappar/mediarecorder remuxing ('video/webm;codecs=\"avc1,opus\"')");
+                return false;
+            }
         }
         return MediaRecorder.isTypeSupported(type);
     }
@@ -19,9 +24,14 @@ export class ConvertingMediaRecorder extends MediaRecorder {
         let needsConversion = false;
         let mimeType = options === null || options === void 0 ? void 0 : options.mimeType;
         if (mimeType === 'video/mp4') {
-            if (!MediaRecorder.isTypeSupported('video/mp4') && MediaRecorder.isTypeSupported('video/webm;codecs="avc1,opus"')) {
-                needsConversion = true;
-                mimeType = 'video/webm;codecs="avc1,opus"';
+            if (!MediaRecorder.isTypeSupported('video/mp4')) {
+                if (!MediaRecorder.isTypeSupported('video/webm;codecs="avc1,opus"')) {
+                    console.log("Warning: device doesn't support codec required for @zappar/mediarecorder remuxing ('video/webm;codecs=\"avc1,opus\"')");
+                }
+                else {
+                    needsConversion = true;
+                    mimeType = 'video/webm;codecs="avc1,opus"';
+                }
             }
         }
         super(stream, Object.assign(Object.assign({}, options), { mimeType }));
@@ -105,7 +115,3 @@ export class ConvertingMediaRecorder extends MediaRecorder {
         return super.ondataavailable;
     }
 }
-// Preload worker if it's likely to be necessary
-if (!MediaRecorder.isTypeSupported('video/mp4') && MediaRecorder.isTypeSupported('video/webm;codecs="avc1,opus"')) {
-    getWorker();
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zappar/mediarecorder",
-  "version": "0.0.1",
+  "version": "0.2.0",
   "description": "A MediaRecorder polyfill that supports video/mp4 output on both iOS and Android",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",