videomail-client 15.7.18 → 15.7.19

package/dist/cjs/index.cjs

@@ -10972,7 +10972,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("Q");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "15.7.18"
+        rE: "15.7.19"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -19276,9 +19276,10 @@ var __webpack_exports__ = {};
         setVisualStream(localMediaStream) {
             if (localMediaStream) this.attachMediaStream(localMediaStream);
             else {
-                var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
-                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.removeAttribute("srcObject");
-                null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) || _this_rawVisualUserMedia1.removeAttribute("src");
+                if (this.rawVisualUserMedia) {
+                    this.rawVisualUserMedia.srcObject = null;
+                    this.rawVisualUserMedia.removeAttribute("src");
+                }
                 this.currentVisualStream = void 0;
             }
         }
@@ -19288,26 +19289,20 @@ var __webpack_exports__ = {};
             return !(null == (_this_currentVisualStream = this.currentVisualStream) ? void 0 : _this_currentVisualStream.active);
         }
         hasInvalidDimensions() {
-            var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
-            if ((null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.videoWidth) && this.rawVisualUserMedia.videoWidth < 3 || (null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia1.height) && this.rawVisualUserMedia.height < 3) return true;
-            return false;
+            if (!this.rawVisualUserMedia) return false;
+            return this.rawVisualUserMedia.videoWidth < 3 || this.rawVisualUserMedia.videoHeight < 3;
         }
         logEvent(eventType, params) {
             this.options.logger.debug(`UserMedia: ... ${EVENT_ASCII} event ${eventType}: ${util_pretty(params)}`);
         }
-        outputEvent(e) {
-            var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
-            this.logEvent(e.type, {
-                readyState: null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.readyState
-            });
-            null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) || _this_rawVisualUserMedia1.removeEventListener(e.type, this.outputEvent.bind(this));
-        }
         unloadRemainingEventListeners() {
+            var _this_rawVisualUserMedia;
             this.options.logger.debug("UserMedia: unloadRemainingEventListeners()");
             mediaEvents.forEach((eventName)=>{
                 var _this_rawVisualUserMedia;
-                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.removeEventListener(eventName, this.outputEvent.bind(this));
+                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.removeEventListener(eventName, this.outputEvent);
             });
+            null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.removeEventListener("error", this.handleMediaError);
         }
         audioRecord(audioCallback) {
             var _this_audioRecorder;
@@ -19418,7 +19413,7 @@ var __webpack_exports__ = {};
                 }
             };
             try {
-                var _this_rawVisualUserMedia, _this_rawVisualUserMedia1, _this_rawVisualUserMedia2;
+                var _this_rawVisualUserMedia, _this_rawVisualUserMedia1, _this_rawVisualUserMedia2, _this_rawVisualUserMedia3;
                 const videoTrack = media_getFirstVideoTrack(localMediaStream);
                 this.videoTrackLabel = null == videoTrack ? void 0 : videoTrack.label;
                 if (videoTrack) if (videoTrack.enabled) if (util_isVirtualCamera(videoTrack)) throw error_createError({
@@ -19440,9 +19435,8 @@ var __webpack_exports__ = {};
                 else this.options.logger.debug("UserMedia: detected (but no video tracks exist");
                 null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.addEventListener("loadedmetadata", onLoadedMetaData);
                 null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) || _this_rawVisualUserMedia1.addEventListener("play", onPlay);
-                null == (_this_rawVisualUserMedia2 = this.rawVisualUserMedia) || _this_rawVisualUserMedia2.addEventListener("error", (err)=>{
-                    this.options.logger.warn(`Caught video element error event: ${util_pretty(err)}`);
-                });
+                null == (_this_rawVisualUserMedia2 = this.rawVisualUserMedia) || _this_rawVisualUserMedia2.removeEventListener("error", this.handleMediaError);
+                null == (_this_rawVisualUserMedia3 = this.rawVisualUserMedia) || _this_rawVisualUserMedia3.addEventListener("error", this.handleMediaError);
                 this.setVisualStream(localMediaStream);
                 play();
             } catch (exc) {
@@ -19455,8 +19449,8 @@ var __webpack_exports__ = {};
             return this.videoTrackLabel;
         }
         isReady() {
-            var _this_rawVisualUserMedia;
-            return Boolean(null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.src);
+            var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
+            return Boolean((null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.srcObject) || (null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia1.currentSrc));
         }
         stop(visualStream, params) {
             try {
@@ -19560,12 +19554,20 @@ var __webpack_exports__ = {};
             };
         }
         constructor(recorder, options){
-            super("UserMedia", options), userMedia_define_property(this, "recorder", void 0), userMedia_define_property(this, "rawVisualUserMedia", void 0), userMedia_define_property(this, "paused", false), userMedia_define_property(this, "recording", false), userMedia_define_property(this, "audioRecorder", void 0), userMedia_define_property(this, "currentVisualStream", void 0), userMedia_define_property(this, "onPlayReached", false), userMedia_define_property(this, "onLoadedMetaDataReached", false), userMedia_define_property(this, "playingPromiseReached", false), userMedia_define_property(this, "videoTrackLabel", void 0);
+            super("UserMedia", options), userMedia_define_property(this, "recorder", void 0), userMedia_define_property(this, "rawVisualUserMedia", void 0), userMedia_define_property(this, "paused", false), userMedia_define_property(this, "recording", false), userMedia_define_property(this, "audioRecorder", void 0), userMedia_define_property(this, "currentVisualStream", void 0), userMedia_define_property(this, "onPlayReached", false), userMedia_define_property(this, "onLoadedMetaDataReached", false), userMedia_define_property(this, "playingPromiseReached", false), userMedia_define_property(this, "videoTrackLabel", void 0), userMedia_define_property(this, "outputEvent", (e)=>{
+                var _this_rawVisualUserMedia, _this_rawVisualUserMedia1;
+                this.logEvent(e.type, {
+                    readyState: null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) ? void 0 : _this_rawVisualUserMedia.readyState
+                });
+                null == (_this_rawVisualUserMedia1 = this.rawVisualUserMedia) || _this_rawVisualUserMedia1.removeEventListener(e.type, this.outputEvent);
+            }), userMedia_define_property(this, "handleMediaError", (event)=>{
+                this.options.logger.warn(`Caught video element error event: ${util_pretty(event)}`);
+            });
             this.recorder = recorder;
             this.rawVisualUserMedia = recorder.getRawVisualUserMedia();
             mediaEvents.forEach((eventName)=>{
                 var _this_rawVisualUserMedia;
-                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.addEventListener(eventName, this.outputEvent.bind(this), false);
+                null == (_this_rawVisualUserMedia = this.rawVisualUserMedia) || _this_rawVisualUserMedia.addEventListener(eventName, this.outputEvent, false);
             });
         }
     }
@@ -20794,14 +20796,13 @@ var __webpack_exports__ = {};
             if (hasAudio) this.replayElement.volume = 1;
             else if (!isAudioEnabled(this.options)) this.replayElement.setAttribute("muted", "true");
             this.replayElement.load();
-            if (this.videomail) this.replayElement.addEventListener("canplaythrough", ()=>{
-                this.emit("REPLAY_SHOWN");
-            }, {
-                once: true
-            });
-            else this.replayElement.addEventListener("canplaythrough", ()=>{
-                this.emit("PREVIEW_SHOWN");
-            }, {
+            if (this.canPlayThroughHandler) this.replayElement.removeEventListener("canplaythrough", this.canPlayThroughHandler);
+            const eventName = this.videomail ? "REPLAY_SHOWN" : "PREVIEW_SHOWN";
+            this.canPlayThroughHandler = ()=>{
+                this.canPlayThroughHandler = void 0;
+                this.emit(eventName);
+            };
+            this.replayElement.addEventListener("canplaythrough", this.canPlayThroughHandler, {
                 once: true
             });
         }
@@ -20824,49 +20825,27 @@ var __webpack_exports__ = {};
                     null == (_this_replayElement = this.replayElement) || _this_replayElement.setAttribute("controls", "controls");
                     this.show(null == params ? void 0 : params.width, null == params ? void 0 : params.height, null == params ? void 0 : params.hasAudio);
                 });
-                this.replayElement.addEventListener("touchstart", (e)=>{
-                    var _this_replayElement;
-                    e.preventDefault();
-                    if (null == (_this_replayElement = this.replayElement) ? void 0 : _this_replayElement.paused) this.replayElement.play().catch((exc)=>{
-                        throw error_createError({
-                            message: "Failed to play replay video while paused upon touchstart event.",
-                            exc,
-                            options: this.options
-                        });
-                    });
-                    else {
-                        var _this_replayElement1;
-                        null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.pause();
-                    }
-                }, {
-                    passive: true
-                });
-                this.replayElement.addEventListener("click", (e)=>{
-                    var _this_replayElement;
-                    e.preventDefault();
-                    if (null == (_this_replayElement = this.replayElement) ? void 0 : _this_replayElement.paused) this.replayElement.play().catch((exc)=>{
-                        throw error_createError({
-                            message: "Failed to play replay video while paused upon click event.",
-                            exc,
-                            options: this.options
-                        });
-                    });
-                    else {
-                        var _this_replayElement1;
-                        null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.pause();
-                    }
-                });
+                this.replayElement.addEventListener("touchstart", this.togglePlayback);
+                this.replayElement.addEventListener("click", this.togglePlayback);
             }
             this.built = true;
             this.options.logger.debug("Replay: built.");
         }
         unload(params) {
+            var _this_replayElement, _this_replayElement1;
             this.options.logger.debug("Replay: unload()");
+            if (this.canPlayThroughHandler) {
+                var _this_replayElement2;
+                null == (_this_replayElement2 = this.replayElement) || _this_replayElement2.removeEventListener("canplaythrough", this.canPlayThroughHandler);
+                this.canPlayThroughHandler = void 0;
+            }
+            null == (_this_replayElement = this.replayElement) || _this_replayElement.removeEventListener("touchstart", this.togglePlayback);
+            null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.removeEventListener("click", this.togglePlayback);
             this.removeAllListeners();
             if (null == params ? void 0 : params.startingOver) this.hide();
             else {
-                var _this_replayElement;
-                null == (_this_replayElement = this.replayElement) || _this_replayElement.remove();
+                var _this_replayElement3;
+                null == (_this_replayElement3 = this.replayElement) || _this_replayElement3.remove();
                 this.replayElement = void 0;
             }
             this.videomail = void 0;
@@ -20908,7 +20887,7 @@ var __webpack_exports__ = {};
             let source = this.getVideoSource(type);
             let url = src;
             if (url && bustCache) url += `?${Date.now()}`;
-            if (source) if (src) source.setAttribute("src", src);
+            if (source) if (url) source.setAttribute("src", url);
             else source.remove();
             else if (src) {
                 const { fps } = this.options.video;
@@ -20972,7 +20951,24 @@ var __webpack_exports__ = {};
             return this.replayElement;
         }
         constructor(visuals, options){
-            super("Replay", options), replay_define_property(this, "visuals", void 0), replay_define_property(this, "built", false), replay_define_property(this, "replayElement", void 0), replay_define_property(this, "videomail", void 0);
+            super("Replay", options), replay_define_property(this, "visuals", void 0), replay_define_property(this, "built", false), replay_define_property(this, "replayElement", void 0), replay_define_property(this, "videomail", void 0), replay_define_property(this, "canPlayThroughHandler", void 0), replay_define_property(this, "togglePlayback", (e)=>{
+                var _this_replayElement;
+                e.preventDefault();
+                if (null == (_this_replayElement = this.replayElement) ? void 0 : _this_replayElement.paused) this.replayElement.play().catch((exc)=>{
+                    const err = error_createError({
+                        message: `Failed to play replay video upon ${e.type} event.`,
+                        exc,
+                        options: this.options
+                    });
+                    this.emit("ERROR", {
+                        err
+                    });
+                });
+                else {
+                    var _this_replayElement1;
+                    null == (_this_replayElement1 = this.replayElement) || _this_replayElement1.pause();
+                }
+            });
             this.visuals = visuals;
         }
     }

package/dist/esm/index.js

@@ -3620,7 +3620,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "15.7.18"
+    rE: "15.7.19"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -6320,8 +6320,10 @@ class UserMedia extends util_Despot {
     setVisualStream(localMediaStream) {
         if (localMediaStream) this.attachMediaStream(localMediaStream);
         else {
-            this.rawVisualUserMedia?.removeAttribute("srcObject");
-            this.rawVisualUserMedia?.removeAttribute("src");
+            if (this.rawVisualUserMedia) {
+                this.rawVisualUserMedia.srcObject = null;
+                this.rawVisualUserMedia.removeAttribute("src");
+            }
             this.currentVisualStream = void 0;
         }
     }
@@ -6330,23 +6332,18 @@ class UserMedia extends util_Despot {
         return !this.currentVisualStream?.active;
     }
     hasInvalidDimensions() {
-        if (this.rawVisualUserMedia?.videoWidth && this.rawVisualUserMedia.videoWidth < 3 || this.rawVisualUserMedia?.height && this.rawVisualUserMedia.height < 3) return true;
-        return false;
+        if (!this.rawVisualUserMedia) return false;
+        return this.rawVisualUserMedia.videoWidth < 3 || this.rawVisualUserMedia.videoHeight < 3;
     }
     logEvent(eventType, params) {
         this.options.logger.debug(`UserMedia: ... ${EVENT_ASCII} event ${eventType}: ${util_pretty(params)}`);
     }
-    outputEvent(e) {
-        this.logEvent(e.type, {
-            readyState: this.rawVisualUserMedia?.readyState
-        });
-        this.rawVisualUserMedia?.removeEventListener(e.type, this.outputEvent.bind(this));
-    }
     unloadRemainingEventListeners() {
         this.options.logger.debug("UserMedia: unloadRemainingEventListeners()");
         mediaEvents.forEach((eventName)=>{
-            this.rawVisualUserMedia?.removeEventListener(eventName, this.outputEvent.bind(this));
+            this.rawVisualUserMedia?.removeEventListener(eventName, this.outputEvent);
         });
+        this.rawVisualUserMedia?.removeEventListener("error", this.handleMediaError);
     }
     audioRecord(audioCallback) {
         this.removeListener("SENDING_FIRST_FRAME");
@@ -6472,9 +6469,8 @@ class UserMedia extends util_Despot {
             else this.options.logger.debug("UserMedia: detected (but no video tracks exist");
             this.rawVisualUserMedia?.addEventListener("loadedmetadata", onLoadedMetaData);
             this.rawVisualUserMedia?.addEventListener("play", onPlay);
-            this.rawVisualUserMedia?.addEventListener("error", (err)=>{
-                this.options.logger.warn(`Caught video element error event: ${util_pretty(err)}`);
-            });
+            this.rawVisualUserMedia?.removeEventListener("error", this.handleMediaError);
+            this.rawVisualUserMedia?.addEventListener("error", this.handleMediaError);
             this.setVisualStream(localMediaStream);
             play();
         } catch (exc) {
@@ -6487,7 +6483,7 @@ class UserMedia extends util_Despot {
         return this.videoTrackLabel;
     }
     isReady() {
-        return Boolean(this.rawVisualUserMedia?.src);
+        return Boolean(this.rawVisualUserMedia?.srcObject || this.rawVisualUserMedia?.currentSrc);
     }
     stop(visualStream, params) {
         try {
@@ -6589,11 +6585,18 @@ class UserMedia extends util_Despot {
         };
     }
     constructor(recorder, options){
-        super("UserMedia", options), userMedia_define_property(this, "recorder", void 0), userMedia_define_property(this, "rawVisualUserMedia", void 0), userMedia_define_property(this, "paused", false), userMedia_define_property(this, "recording", false), userMedia_define_property(this, "audioRecorder", void 0), userMedia_define_property(this, "currentVisualStream", void 0), userMedia_define_property(this, "onPlayReached", false), userMedia_define_property(this, "onLoadedMetaDataReached", false), userMedia_define_property(this, "playingPromiseReached", false), userMedia_define_property(this, "videoTrackLabel", void 0);
+        super("UserMedia", options), userMedia_define_property(this, "recorder", void 0), userMedia_define_property(this, "rawVisualUserMedia", void 0), userMedia_define_property(this, "paused", false), userMedia_define_property(this, "recording", false), userMedia_define_property(this, "audioRecorder", void 0), userMedia_define_property(this, "currentVisualStream", void 0), userMedia_define_property(this, "onPlayReached", false), userMedia_define_property(this, "onLoadedMetaDataReached", false), userMedia_define_property(this, "playingPromiseReached", false), userMedia_define_property(this, "videoTrackLabel", void 0), userMedia_define_property(this, "outputEvent", (e)=>{
+            this.logEvent(e.type, {
+                readyState: this.rawVisualUserMedia?.readyState
+            });
+            this.rawVisualUserMedia?.removeEventListener(e.type, this.outputEvent);
+        }), userMedia_define_property(this, "handleMediaError", (event)=>{
+            this.options.logger.warn(`Caught video element error event: ${util_pretty(event)}`);
+        });
         this.recorder = recorder;
         this.rawVisualUserMedia = recorder.getRawVisualUserMedia();
         mediaEvents.forEach((eventName)=>{
-            this.rawVisualUserMedia?.addEventListener(eventName, this.outputEvent.bind(this), false);
+            this.rawVisualUserMedia?.addEventListener(eventName, this.outputEvent, false);
         });
     }
 }
@@ -7798,14 +7801,13 @@ class Replay extends util_Despot {
         if (hasAudio) this.replayElement.volume = 1;
         else if (!isAudioEnabled(this.options)) this.replayElement.setAttribute("muted", "true");
         this.replayElement.load();
-        if (this.videomail) this.replayElement.addEventListener("canplaythrough", ()=>{
-            this.emit("REPLAY_SHOWN");
-        }, {
-            once: true
-        });
-        else this.replayElement.addEventListener("canplaythrough", ()=>{
-            this.emit("PREVIEW_SHOWN");
-        }, {
+        if (this.canPlayThroughHandler) this.replayElement.removeEventListener("canplaythrough", this.canPlayThroughHandler);
+        const eventName = this.videomail ? "REPLAY_SHOWN" : "PREVIEW_SHOWN";
+        this.canPlayThroughHandler = ()=>{
+            this.canPlayThroughHandler = void 0;
+            this.emit(eventName);
+        };
+        this.replayElement.addEventListener("canplaythrough", this.canPlayThroughHandler, {
             once: true
         });
     }
@@ -7826,36 +7828,20 @@ class Replay extends util_Despot {
                 this.replayElement?.setAttribute("controls", "controls");
                 this.show(params?.width, params?.height, params?.hasAudio);
             });
-            this.replayElement.addEventListener("touchstart", (e)=>{
-                e.preventDefault();
-                if (this.replayElement?.paused) this.replayElement.play().catch((exc)=>{
-                    throw error_createError({
-                        message: "Failed to play replay video while paused upon touchstart event.",
-                        exc,
-                        options: this.options
-                    });
-                });
-                else this.replayElement?.pause();
-            }, {
-                passive: true
-            });
-            this.replayElement.addEventListener("click", (e)=>{
-                e.preventDefault();
-                if (this.replayElement?.paused) this.replayElement.play().catch((exc)=>{
-                    throw error_createError({
-                        message: "Failed to play replay video while paused upon click event.",
-                        exc,
-                        options: this.options
-                    });
-                });
-                else this.replayElement?.pause();
-            });
+            this.replayElement.addEventListener("touchstart", this.togglePlayback);
+            this.replayElement.addEventListener("click", this.togglePlayback);
         }
         this.built = true;
         this.options.logger.debug("Replay: built.");
     }
     unload(params) {
         this.options.logger.debug("Replay: unload()");
+        if (this.canPlayThroughHandler) {
+            this.replayElement?.removeEventListener("canplaythrough", this.canPlayThroughHandler);
+            this.canPlayThroughHandler = void 0;
+        }
+        this.replayElement?.removeEventListener("touchstart", this.togglePlayback);
+        this.replayElement?.removeEventListener("click", this.togglePlayback);
         this.removeAllListeners();
         if (params?.startingOver) this.hide();
         else {
@@ -7898,7 +7884,7 @@ class Replay extends util_Despot {
         let source = this.getVideoSource(type);
         let url = src;
         if (url && bustCache) url += `?${Date.now()}`;
-        if (source) if (src) source.setAttribute("src", src);
+        if (source) if (url) source.setAttribute("src", url);
         else source.remove();
         else if (src) {
             const { fps } = this.options.video;
@@ -7962,7 +7948,20 @@ class Replay extends util_Despot {
         return this.replayElement;
     }
     constructor(visuals, options){
-        super("Replay", options), replay_define_property(this, "visuals", void 0), replay_define_property(this, "built", false), replay_define_property(this, "replayElement", void 0), replay_define_property(this, "videomail", void 0);
+        super("Replay", options), replay_define_property(this, "visuals", void 0), replay_define_property(this, "built", false), replay_define_property(this, "replayElement", void 0), replay_define_property(this, "videomail", void 0), replay_define_property(this, "canPlayThroughHandler", void 0), replay_define_property(this, "togglePlayback", (e)=>{
+            e.preventDefault();
+            if (this.replayElement?.paused) this.replayElement.play().catch((exc)=>{
+                const err = error_createError({
+                    message: `Failed to play replay video upon ${e.type} event.`,
+                    exc,
+                    options: this.options
+                });
+                this.emit("ERROR", {
+                    err
+                });
+            });
+            else this.replayElement?.pause();
+        });
         this.visuals = visuals;
     }
 }

package/dist/esm/wrappers/visuals/replay.d.ts

@@ -8,6 +8,8 @@ declare class Replay extends Despot {
     private built;
     private replayElement?;
     private videomail?;
+    private canPlayThroughHandler?;
+    private readonly togglePlayback;
     constructor(visuals: Visuals, options: VideomailClientOptions);
     private buildElement;
     private copyAttributes;

package/dist/esm/wrappers/visuals/userMedia.d.ts

@@ -18,13 +18,14 @@ declare class UserMedia extends Despot {
     private onLoadedMetaDataReached;
     private playingPromiseReached;
     private videoTrackLabel?;
+    private readonly outputEvent;
+    private readonly handleMediaError;
     constructor(recorder: Recorder, options: VideomailClientOptions);
     private attachMediaStream;
     private setVisualStream;
     private hasEnded;
     private hasInvalidDimensions;
     private logEvent;
-    private outputEvent;
     unloadRemainingEventListeners(): void;
     private audioRecord;
     init(localMediaStream: MediaStream, videoCallback: () => void, audioCallback: AudioProcessCB, endedEarlyCallback: (err: any) => void, switchingFacingMode?: ConstrainDOMString): void;

package/dist/umd/index.js

@@ -10978,7 +10978,7 @@
             var client = __webpack_require__("Q");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "15.7.18"
+                rE: "15.7.19"
             };
             function isAudioEnabled(options) {
                 return Boolean(options.audio.enabled);
@@ -19020,12 +19020,21 @@
                 onLoadedMetaDataReached = false;
                 playingPromiseReached = false;
                 videoTrackLabel;
+                outputEvent = (e)=>{
+                    this.logEvent(e.type, {
+                        readyState: this.rawVisualUserMedia?.readyState
+                    });
+                    this.rawVisualUserMedia?.removeEventListener(e.type, this.outputEvent);
+                };
+                handleMediaError = (event)=>{
+                    this.options.logger.warn(`Caught video element error event: ${util_pretty(event)}`);
+                };
                 constructor(recorder, options){
                     super("UserMedia", options);
                     this.recorder = recorder;
                     this.rawVisualUserMedia = recorder.getRawVisualUserMedia();
                     mediaEvents.forEach((eventName)=>{
-                        this.rawVisualUserMedia?.addEventListener(eventName, this.outputEvent.bind(this), false);
+                        this.rawVisualUserMedia?.addEventListener(eventName, this.outputEvent, false);
                     });
                 }
                 attachMediaStream(stream) {
@@ -19040,8 +19049,10 @@
                 setVisualStream(localMediaStream) {
                     if (localMediaStream) this.attachMediaStream(localMediaStream);
                     else {
-                        this.rawVisualUserMedia?.removeAttribute("srcObject");
-                        this.rawVisualUserMedia?.removeAttribute("src");
+                        if (this.rawVisualUserMedia) {
+                            this.rawVisualUserMedia.srcObject = null;
+                            this.rawVisualUserMedia.removeAttribute("src");
+                        }
                         this.currentVisualStream = void 0;
                     }
                 }
@@ -19050,23 +19061,18 @@
                     return !this.currentVisualStream?.active;
                 }
                 hasInvalidDimensions() {
-                    if (this.rawVisualUserMedia?.videoWidth && this.rawVisualUserMedia.videoWidth < 3 || this.rawVisualUserMedia?.height && this.rawVisualUserMedia.height < 3) return true;
-                    return false;
+                    if (!this.rawVisualUserMedia) return false;
+                    return this.rawVisualUserMedia.videoWidth < 3 || this.rawVisualUserMedia.videoHeight < 3;
                 }
                 logEvent(eventType, params) {
                     this.options.logger.debug(`UserMedia: ... ${EVENT_ASCII} event ${eventType}: ${util_pretty(params)}`);
                 }
-                outputEvent(e) {
-                    this.logEvent(e.type, {
-                        readyState: this.rawVisualUserMedia?.readyState
-                    });
-                    this.rawVisualUserMedia?.removeEventListener(e.type, this.outputEvent.bind(this));
-                }
                 unloadRemainingEventListeners() {
                     this.options.logger.debug("UserMedia: unloadRemainingEventListeners()");
                     mediaEvents.forEach((eventName)=>{
-                        this.rawVisualUserMedia?.removeEventListener(eventName, this.outputEvent.bind(this));
+                        this.rawVisualUserMedia?.removeEventListener(eventName, this.outputEvent);
                     });
+                    this.rawVisualUserMedia?.removeEventListener("error", this.handleMediaError);
                 }
                 audioRecord(audioCallback) {
                     this.removeListener("SENDING_FIRST_FRAME");
@@ -19192,9 +19198,8 @@
                         else this.options.logger.debug("UserMedia: detected (but no video tracks exist");
                         this.rawVisualUserMedia?.addEventListener("loadedmetadata", onLoadedMetaData);
                         this.rawVisualUserMedia?.addEventListener("play", onPlay);
-                        this.rawVisualUserMedia?.addEventListener("error", (err)=>{
-                            this.options.logger.warn(`Caught video element error event: ${util_pretty(err)}`);
-                        });
+                        this.rawVisualUserMedia?.removeEventListener("error", this.handleMediaError);
+                        this.rawVisualUserMedia?.addEventListener("error", this.handleMediaError);
                         this.setVisualStream(localMediaStream);
                         play();
                     } catch (exc) {
@@ -19207,7 +19212,7 @@
                     return this.videoTrackLabel;
                 }
                 isReady() {
-                    return Boolean(this.rawVisualUserMedia?.src);
+                    return Boolean(this.rawVisualUserMedia?.srcObject || this.rawVisualUserMedia?.currentSrc);
                 }
                 stop(visualStream, params) {
                     try {
@@ -20459,6 +20464,21 @@
                 built = false;
                 replayElement;
                 videomail;
+                canPlayThroughHandler;
+                togglePlayback = (e)=>{
+                    e.preventDefault();
+                    if (this.replayElement?.paused) this.replayElement.play().catch((exc)=>{
+                        const err = error_createError({
+                            message: `Failed to play replay video upon ${e.type} event.`,
+                            exc,
+                            options: this.options
+                        });
+                        this.emit("ERROR", {
+                            err
+                        });
+                    });
+                    else this.replayElement?.pause();
+                };
                 constructor(visuals, options){
                     super("Replay", options);
                     this.visuals = visuals;
@@ -20536,14 +20556,13 @@
                     if (hasAudio) this.replayElement.volume = 1;
                     else if (!isAudioEnabled(this.options)) this.replayElement.setAttribute("muted", "true");
                     this.replayElement.load();
-                    if (this.videomail) this.replayElement.addEventListener("canplaythrough", ()=>{
-                        this.emit("REPLAY_SHOWN");
-                    }, {
-                        once: true
-                    });
-                    else this.replayElement.addEventListener("canplaythrough", ()=>{
-                        this.emit("PREVIEW_SHOWN");
-                    }, {
+                    if (this.canPlayThroughHandler) this.replayElement.removeEventListener("canplaythrough", this.canPlayThroughHandler);
+                    const eventName = this.videomail ? "REPLAY_SHOWN" : "PREVIEW_SHOWN";
+                    this.canPlayThroughHandler = ()=>{
+                        this.canPlayThroughHandler = void 0;
+                        this.emit(eventName);
+                    };
+                    this.replayElement.addEventListener("canplaythrough", this.canPlayThroughHandler, {
                         once: true
                     });
                 }
@@ -20564,36 +20583,20 @@
                             this.replayElement?.setAttribute("controls", "controls");
                             this.show(params?.width, params?.height, params?.hasAudio);
                         });
-                        this.replayElement.addEventListener("touchstart", (e)=>{
-                            e.preventDefault();
-                            if (this.replayElement?.paused) this.replayElement.play().catch((exc)=>{
-                                throw error_createError({
-                                    message: "Failed to play replay video while paused upon touchstart event.",
-                                    exc,
-                                    options: this.options
-                                });
-                            });
-                            else this.replayElement?.pause();
-                        }, {
-                            passive: true
-                        });
-                        this.replayElement.addEventListener("click", (e)=>{
-                            e.preventDefault();
-                            if (this.replayElement?.paused) this.replayElement.play().catch((exc)=>{
-                                throw error_createError({
-                                    message: "Failed to play replay video while paused upon click event.",
-                                    exc,
-                                    options: this.options
-                                });
-                            });
-                            else this.replayElement?.pause();
-                        });
+                        this.replayElement.addEventListener("touchstart", this.togglePlayback);
+                        this.replayElement.addEventListener("click", this.togglePlayback);
                     }
                     this.built = true;
                     this.options.logger.debug("Replay: built.");
                 }
                 unload(params) {
                     this.options.logger.debug("Replay: unload()");
+                    if (this.canPlayThroughHandler) {
+                        this.replayElement?.removeEventListener("canplaythrough", this.canPlayThroughHandler);
+                        this.canPlayThroughHandler = void 0;
+                    }
+                    this.replayElement?.removeEventListener("touchstart", this.togglePlayback);
+                    this.replayElement?.removeEventListener("click", this.togglePlayback);
                     this.removeAllListeners();
                     if (params?.startingOver) this.hide();
                     else {
@@ -20636,7 +20639,7 @@
                     let source = this.getVideoSource(type);
                     let url = src;
                     if (url && bustCache) url += `?${Date.now()}`;
-                    if (source) if (src) source.setAttribute("src", src);
+                    if (source) if (url) source.setAttribute("src", url);
                     else source.remove();
                     else if (src) {
                         const { fps } = this.options.video;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "15.7.18",
+  "version": "15.7.19",
   "description": "A wicked npm package to record videos directly in the browser, for Deaf and Sign Language!",
   "keywords": [
     "webcam",