@openreplay/tracker 11.0.6 → 12.0.0

package/cjs/modules/userTesting/recorder.js

@@ -1,13 +1,4 @@
 "use strict";
-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());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Quality = void 0;
 exports.Quality = {
@@ -22,93 +13,85 @@ class Recorder {
         this.stream = null;
         this.recStartTs = null;
     }
-    startRecording(fps, quality, micReq, camReq) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.recStartTs = this.app.timestamp();
-            const videoConstraints = quality;
-            try {
-                this.stream = yield navigator.mediaDevices.getUserMedia({
-                    video: camReq ? Object.assign(Object.assign({}, videoConstraints), { frameRate: { ideal: fps } }) : false,
-                    audio: micReq,
-                });
-                this.mediaRecorder = new MediaRecorder(this.stream, {
-                    mimeType: 'video/webm;codecs=vp9',
-                });
-                this.recordedChunks = [];
-                this.mediaRecorder.ondataavailable = (event) => {
-                    if (event.data.size > 0) {
-                        this.recordedChunks.push(event.data);
-                    }
-                };
-                this.mediaRecorder.start();
-            }
-            catch (error) {
-                console.error(error);
-            }
-        });
-    }
-    stopRecording() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve) => {
-                if (!this.mediaRecorder)
-                    return;
-                this.mediaRecorder.onstop = () => {
-                    const blob = new Blob(this.recordedChunks, {
-                        type: 'video/webm',
-                    });
-                    resolve(blob);
-                };
-                this.mediaRecorder.stop();
+    async startRecording(fps, quality, micReq, camReq) {
+        this.recStartTs = this.app.timestamp();
+        const videoConstraints = quality;
+        try {
+            this.stream = await navigator.mediaDevices.getUserMedia({
+                video: camReq ? Object.assign(Object.assign({}, videoConstraints), { frameRate: { ideal: fps } }) : false,
+                audio: micReq,
             });
+            this.mediaRecorder = new MediaRecorder(this.stream, {
+                mimeType: 'video/webm;codecs=vp9',
+            });
+            this.recordedChunks = [];
+            this.mediaRecorder.ondataavailable = (event) => {
+                if (event.data.size > 0) {
+                    this.recordedChunks.push(event.data);
+                }
+            };
+            this.mediaRecorder.start();
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    async stopRecording() {
+        return new Promise((resolve) => {
+            if (!this.mediaRecorder)
+                return;
+            this.mediaRecorder.onstop = () => {
+                const blob = new Blob(this.recordedChunks, {
+                    type: 'video/webm',
+                });
+                resolve(blob);
+            };
+            this.mediaRecorder.stop();
         });
     }
-    sendToAPI() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const blob = yield this.stopRecording();
-            // const formData = new FormData()
-            // formData.append('file', blob, 'record.webm')
-            // formData.append('start', this.recStartTs?.toString() ?? '')
-            return fetch(`${this.app.options.ingestPoint}/v1/web/uxt/upload-url`, {
+    async sendToAPI() {
+        const blob = await this.stopRecording();
+        // const formData = new FormData()
+        // formData.append('file', blob, 'record.webm')
+        // formData.append('start', this.recStartTs?.toString() ?? '')
+        return fetch(`${this.app.options.ingestPoint}/v1/web/uxt/upload-url`, {
+            headers: {
+                Authorization: `Bearer ${this.app.session.getSessionToken()}`,
+            },
+        })
+            .then((r) => {
+            if (r.ok) {
+                return r.json();
+            }
+            else {
+                throw new Error('Failed to get upload url');
+            }
+        })
+            .then(({ url }) => {
+            return fetch(url, {
+                method: 'PUT',
                 headers: {
-                    Authorization: `Bearer ${this.app.session.getSessionToken()}`,
+                    'Content-Type': 'video/webm',
                 },
-            })
-                .then((r) => {
-                if (r.ok) {
-                    return r.json();
-                }
-                else {
-                    throw new Error('Failed to get upload url');
-                }
-            })
-                .then(({ url }) => {
-                return fetch(url, {
-                    method: 'PUT',
-                    headers: {
-                        'Content-Type': 'video/webm',
-                    },
-                    body: blob,
-                });
-            })
-                .catch(console.error)
-                .finally(() => {
-                this.discard();
+                body: blob,
             });
+        })
+            .catch(console.error)
+            .finally(() => {
+            this.discard();
         });
     }
-    saveToFile(fileName = 'recorded-video.webm') {
-        return __awaiter(this, void 0, void 0, function* () {
-            const blob = yield this.stopRecording();
-            const url = URL.createObjectURL(blob);
-            const a = document.createElement('a');
-            a.style.display = 'none';
-            a.href = url;
-            a.download = fileName;
-            document.body.appendChild(a);
-            a.click();
-            window.URL.revokeObjectURL(url);
-            document.body.removeChild(a);
-        });
+    async saveToFile(fileName = 'recorded-video.webm') {
+        const blob = await this.stopRecording();
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.style.display = 'none';
+        a.href = url;
+        a.download = fileName;
+        document.body.appendChild(a);
+        a.click();
+        window.URL.revokeObjectURL(url);
+        document.body.removeChild(a);
     }
     discard() {
         var _a, _b;