@techsee/techsee-media-service 6.1.0 → 7.0.0

package/lib/MediaSubscriber.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MediaSubscriber.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAC,gBAAgB,EAAuB,MAAM,kBAAkB,CAAC;AAYxE,qBAAa,sBAAuB,YAAW,gBAAgB;IAC3D,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAoC;IAEzD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwB;gBAE9C,gBAAgB,EAAE,qBAAqB;IAWnD,IAAI,UAAU,IAAI,gBAAgB,CAEjC;IAED,IAAI,SAAS,IAAI,cAAc,CAE9B;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,YAAY,IAAI,OAAO,CAM1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,YAAY,IAAI,QAAQ,CAAC,gBAAgB,CAAC,CAE7C;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IASjC,cAAc,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAK1C,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IASrC,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI;IAkB9C,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAI9B,OAAO,IAAI,IAAI;IAgBf,OAAO,CAAC,eAAe;IA4BvB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,eAAe;CAK1B","file":"MediaSubscriber.d.ts","sourcesContent":["import {EventEmitter} from 'events';\nimport {Nullable} from '@techsee/techsee-common';\nimport {IMediaSubscriber, MediaSubscriberParams} from './MediaContracts';\nimport {TechseeMediaStream} from './TechseeMediaStream';\nimport {removeVideoElementFromDom, renderMediaStreamToVideoEl} from './MediaUtils/MediaDomUtils';\nimport {KnownMediaStream, KnownMediaStreamKind} from './MediaConstants';\n\nimport {getMediaTracer} from './MediaUtils/MediaTracer';\nimport {onMediaElementResize} from './MediaUtils/Compatibility';\n\nconst trace = getMediaTracer('MediaSubscriber');\n\nenum privateEvents {\n    STREAM_STATE_CHANGE = 'STREAM_STATE_CHANGE',\n    SUBSCRIBER_DISPOSE = 'SUBSCRIBER_DISPOSE'\n}\n\nexport class TechseeMediaSubscriber implements IMediaSubscriber {\n    private _emitter: EventEmitter;\n    private _isDisposed = false;\n    private _isPlaying = false;\n    private _hasVideo = false;\n    private _hasAudio = false;\n    private _mediaElement: Nullable<HTMLVideoElement> = null;\n\n    private readonly _subscriberParams: MediaSubscriberParams;\n\n    constructor(subscriberParams: MediaSubscriberParams) {\n        trace.info('Subscriber created');\n\n        this.videoResizeHandler = this.videoResizeHandler.bind(this);\n\n        this._emitter = new EventEmitter();\n        this._subscriberParams = subscriberParams;\n    }\n\n    //#region IMediaSubscriber\n\n    get streamType(): KnownMediaStream {\n        return this._subscriberParams.streamType;\n    }\n\n    get container(): HTMLDivElement {\n        return this._subscriberParams.container;\n    }\n\n    get isPlaying(): boolean {\n        return this._isPlaying;\n    }\n\n    get isSoundMuted(): boolean {\n        if (!this._mediaElement) {\n            return true;\n        }\n\n        return this._mediaElement.muted;\n    }\n\n    get hasAudio(): boolean {\n        return this._hasAudio;\n    }\n\n    get hasVideo(): boolean {\n        return this._hasVideo;\n    }\n\n    get mediaElement(): Nullable<HTMLVideoElement> {\n        return this._mediaElement;\n    }\n\n    get videoWidth(): number {\n        return this.mediaElement ? this.mediaElement.videoWidth : 0;\n    }\n\n    get videoHeight(): number {\n        return this.mediaElement ? this.mediaElement.videoHeight : 0;\n    }\n\n    get renderWidth(): number {\n        return this.container.offsetWidth;\n    }\n\n    get renderHeight(): number {\n        return this.container.offsetHeight;\n    }\n\n    muteSound(isMuted: boolean): void {\n        this.throwIfDisposed();\n        trace.info('Subscriber mute change - isMuted =', isMuted);\n        if (this._mediaElement && this._mediaElement.muted !== isMuted) {\n            this._mediaElement.muted = isMuted;\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n        }\n    }\n\n    onStateChanged(callback: () => void): void {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.STREAM_STATE_CHANGE, callback);\n    }\n\n    onDispose(callback: () => void): void {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.SUBSCRIBER_DISPOSE, callback);\n    }\n\n    //#endregion\n\n    //#region Non Interface Methods\n\n    renderStream(stream: TechseeMediaStream): void {\n        this.throwIfDisposed();\n        this.stopRenderInternal().then(() => renderMediaStreamToVideoEl(this.container, stream.mediaStream, stream.streamType))\n            .then((videoEl) => {\n                this._hasAudio = stream.mediaStream.getAudioTracks().length > 0;\n                this._hasVideo = stream.mediaStream.getVideoTracks().length > 0;\n\n                this.setPlayingState(videoEl, stream.streamKind);\n\n                if (this._hasAudio) {\n                    this.muteSound(false);\n                }\n            })\n            .catch((error) => {\n                trace.warn('Error while rendering stream on video element', error);\n            });\n    }\n\n    stopRendering(): Promise<void> {\n        return this.stopRenderInternal().then(() => this.setPlayingState());\n    }\n\n    dispose(): void {\n        if (this._isDisposed) {\n            return;\n        }\n\n        this.stopRendering().catch(() => undefined);\n\n\n        this._isDisposed = true;\n        this._emitter.removeAllListeners();\n        trace.info('Subscriber disposed');\n        this.emitEvent(privateEvents.SUBSCRIBER_DISPOSE);\n    }\n\n    //#endregion\n\n    private setPlayingState(mediaElement?: HTMLVideoElement, streamKind?: KnownMediaStreamKind): void {\n        this._isPlaying = !!mediaElement;\n        this._mediaElement = mediaElement || null;\n\n        const finalize = (): void => {\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n            trace.info(`Video element ${streamKind || ''} ${this.isPlaying ? 'play' : 'stop'} success`);\n        };\n\n        if (this._mediaElement && streamKind === KnownMediaStreamKind.Video) {\n            if (this._mediaElement.videoHeight === 0) {\n                let disposeResizeHandler: any = null;\n                const resizeHandler = (): void => {\n                    disposeResizeHandler && disposeResizeHandler();\n                    onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                    finalize();\n                };\n\n                disposeResizeHandler = onMediaElementResize(this._mediaElement, resizeHandler);\n            } else {\n                onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                finalize();\n            }\n        } else {\n            finalize();\n        }\n    }\n\n    private videoResizeHandler(): void {\n        trace.info(`Video resize, new size = w: ${this.videoWidth} h:${this.videoHeight}`);\n        this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n    }\n\n    private stopRenderInternal() {\n        if (this._mediaElement && document.body.contains(this._mediaElement)) {\n            return removeVideoElementFromDom(this._mediaElement);\n        }\n\n        return Promise.resolve();\n    }\n\n    private emitEvent(event: string, eventArgs?: any): void {\n        setTimeout(() => {\n            this._emitter.emit(event, eventArgs);\n        });\n    }\n\n    private throwIfDisposed(): void {\n        if (this._isDisposed) {\n            throw new Error('Subscriber is already disposed');\n        }\n    }\n}\n"]}
+{"version":3,"sources":["../src/MediaSubscriber.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAC,gBAAgB,EAAuB,MAAM,kBAAkB,CAAC;AAYxE,qBAAa,sBAAuB,YAAW,gBAAgB;IAC3D,OAAO,CAAC,QAAQ,CAAe;IAE/B,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,aAAa,CAAoC;IAEzD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAwB;gBAE9C,gBAAgB,EAAE,qBAAqB;IAWnD,IAAI,UAAU,IAAI,gBAAgB,CAEjC;IAED,IAAI,SAAS,IAAI,cAAc,CAE9B;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,YAAY,IAAI,OAAO,CAM1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,YAAY,IAAI,QAAQ,CAAC,gBAAgB,CAAC,CAE7C;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IASjC,cAAc,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAK1C,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IASrC,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI;IAmB9C,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAI9B,OAAO,IAAI,IAAI;IAef,OAAO,CAAC,eAAe;IA4BvB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,eAAe;CAK1B","file":"MediaSubscriber.d.ts","sourcesContent":["import {EventEmitter} from 'events';\nimport {Nullable} from '@techsee/techsee-common';\nimport {IMediaSubscriber, MediaSubscriberParams} from './MediaContracts';\nimport {TechseeMediaStream} from './TechseeMediaStream';\nimport {removeVideoElementFromDom, renderMediaStreamToVideoEl} from './MediaUtils/MediaDomUtils';\nimport {KnownMediaStream, KnownMediaStreamKind} from './MediaConstants';\n\nimport {getMediaTracer} from './MediaUtils/MediaTracer';\nimport {onMediaElementResize} from './MediaUtils/Compatibility';\n\nconst trace = getMediaTracer('MediaSubscriber');\n\nenum privateEvents {\n    STREAM_STATE_CHANGE = 'STREAM_STATE_CHANGE',\n    SUBSCRIBER_DISPOSE = 'SUBSCRIBER_DISPOSE'\n}\n\nexport class TechseeMediaSubscriber implements IMediaSubscriber {\n    private _emitter: EventEmitter;\n\n    private _isDisposed = false;\n\n    private _isPlaying = false;\n\n    private _hasVideo = false;\n\n    private _hasAudio = false;\n\n    private _mediaElement: Nullable<HTMLVideoElement> = null;\n\n    private readonly _subscriberParams: MediaSubscriberParams;\n\n    constructor(subscriberParams: MediaSubscriberParams) {\n        trace.info('Subscriber created');\n\n        this.videoResizeHandler = this.videoResizeHandler.bind(this);\n\n        this._emitter = new EventEmitter();\n        this._subscriberParams = subscriberParams;\n    }\n\n    //#region IMediaSubscriber\n\n    get streamType(): KnownMediaStream {\n        return this._subscriberParams.streamType;\n    }\n\n    get container(): HTMLDivElement {\n        return this._subscriberParams.container;\n    }\n\n    get isPlaying(): boolean {\n        return this._isPlaying;\n    }\n\n    get isSoundMuted(): boolean {\n        if (!this._mediaElement) {\n            return true;\n        }\n\n        return this._mediaElement.muted;\n    }\n\n    get hasAudio(): boolean {\n        return this._hasAudio;\n    }\n\n    get hasVideo(): boolean {\n        return this._hasVideo;\n    }\n\n    get mediaElement(): Nullable<HTMLVideoElement> {\n        return this._mediaElement;\n    }\n\n    get videoWidth(): number {\n        return this.mediaElement ? this.mediaElement.videoWidth : 0;\n    }\n\n    get videoHeight(): number {\n        return this.mediaElement ? this.mediaElement.videoHeight : 0;\n    }\n\n    get renderWidth(): number {\n        return this.container.offsetWidth;\n    }\n\n    get renderHeight(): number {\n        return this.container.offsetHeight;\n    }\n\n    muteSound(isMuted: boolean): void {\n        this.throwIfDisposed();\n        trace.info('Subscriber mute change - isMuted =', isMuted);\n        if (this._mediaElement && this._mediaElement.muted !== isMuted) {\n            this._mediaElement.muted = isMuted;\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n        }\n    }\n\n    onStateChanged(callback: () => void): void {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.STREAM_STATE_CHANGE, callback);\n    }\n\n    onDispose(callback: () => void): void {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.SUBSCRIBER_DISPOSE, callback);\n    }\n\n    //#endregion\n\n    //#region Non Interface Methods\n\n    renderStream(stream: TechseeMediaStream): void {\n        this.throwIfDisposed();\n        this.stopRenderInternal()\n            .then(() => renderMediaStreamToVideoEl(this.container, stream.mediaStream, stream.streamType))\n            .then((videoEl) => {\n                this._hasAudio = stream.mediaStream.getAudioTracks().length > 0;\n                this._hasVideo = stream.mediaStream.getVideoTracks().length > 0;\n\n                this.setPlayingState(videoEl, stream.streamKind);\n\n                if (this._hasAudio) {\n                    this.muteSound(false);\n                }\n            })\n            .catch((error) => {\n                trace.warn('Error while rendering stream on video element', error);\n            });\n    }\n\n    stopRendering(): Promise<void> {\n        return this.stopRenderInternal().then(() => this.setPlayingState());\n    }\n\n    dispose(): void {\n        if (this._isDisposed) {\n            return;\n        }\n\n        this.stopRendering().catch(() => undefined);\n\n        this._isDisposed = true;\n        this._emitter.removeAllListeners();\n        trace.info('Subscriber disposed');\n        this.emitEvent(privateEvents.SUBSCRIBER_DISPOSE);\n    }\n\n    //#endregion\n\n    private setPlayingState(mediaElement?: HTMLVideoElement, streamKind?: KnownMediaStreamKind): void {\n        this._isPlaying = !!mediaElement;\n        this._mediaElement = mediaElement || null;\n\n        const finalize = (): void => {\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n            trace.info(`Video element ${streamKind || ''} ${this.isPlaying ? 'play' : 'stop'} success`);\n        };\n\n        if (this._mediaElement && streamKind === KnownMediaStreamKind.Video) {\n            if (this._mediaElement.videoHeight === 0) {\n                let disposeResizeHandler: any = null;\n                const resizeHandler = (): void => {\n                    disposeResizeHandler && disposeResizeHandler();\n                    onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                    finalize();\n                };\n\n                disposeResizeHandler = onMediaElementResize(this._mediaElement, resizeHandler);\n            } else {\n                onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                finalize();\n            }\n        } else {\n            finalize();\n        }\n    }\n\n    private videoResizeHandler(): void {\n        trace.info(`Video resize, new size = w: ${this.videoWidth} h:${this.videoHeight}`);\n        this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n    }\n\n    private stopRenderInternal() {\n        if (this._mediaElement && document.body.contains(this._mediaElement)) {\n            return removeVideoElementFromDom(this._mediaElement);\n        }\n\n        return Promise.resolve();\n    }\n\n    private emitEvent(event: string, eventArgs?: any): void {\n        setTimeout(() => {\n            this._emitter.emit(event, eventArgs);\n        });\n    }\n\n    private throwIfDisposed(): void {\n        if (this._isDisposed) {\n            throw new Error('Subscriber is already disposed');\n        }\n    }\n}\n"]}

package/lib/MediaSubscriber.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MediaSubscriber.js","../src/MediaSubscriber.ts"],"names":["Object","defineProperty","exports","value","TechseeMediaSubscriber","events_1","require","MediaDomUtils_1","MediaConstants_1","MediaTracer_1","Compatibility_1","trace","getMediaTracer","privateEvents","subscriberParams","_isDisposed","_isPlaying","_hasVideo","_hasAudio","_mediaElement","info","videoResizeHandler","bind","_emitter","EventEmitter","_subscriberParams","prototype","get","streamType","enumerable","configurable","container","muted","mediaElement","videoWidth","videoHeight","offsetWidth","offsetHeight","muteSound","isMuted","throwIfDisposed","emitEvent","STREAM_STATE_CHANGE","onStateChanged","callback","on","onDispose","SUBSCRIBER_DISPOSE","renderStream","stream","_this","stopRenderInternal","then","renderMediaStreamToVideoEl","mediaStream","videoEl","getAudioTracks","length","getVideoTracks","setPlayingState","streamKind","error","warn","stopRendering","dispose","undefined","removeAllListeners","finalize","isPlaying","KnownMediaStreamKind","Video","disposeResizeHandler_1","resizeHandler","onMediaElementResize","document","body","contains","removeVideoElementFromDom","Promise","resolve","event","eventArgs","setTimeout","emit","Error"],"mappings":"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","file":"MediaSubscriber.js","sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.TechseeMediaSubscriber = void 0;\nvar events_1 = require(\"events\");\nvar MediaDomUtils_1 = require(\"./MediaUtils/MediaDomUtils\");\nvar MediaConstants_1 = require(\"./MediaConstants\");\nvar MediaTracer_1 = require(\"./MediaUtils/MediaTracer\");\nvar Compatibility_1 = require(\"./MediaUtils/Compatibility\");\nvar trace = MediaTracer_1.getMediaTracer('MediaSubscriber');\nvar privateEvents;\n(function (privateEvents) {\n    privateEvents[\"STREAM_STATE_CHANGE\"] = \"STREAM_STATE_CHANGE\";\n    privateEvents[\"SUBSCRIBER_DISPOSE\"] = \"SUBSCRIBER_DISPOSE\";\n})(privateEvents || (privateEvents = {}));\nvar TechseeMediaSubscriber = /** @class */ (function () {\n    function TechseeMediaSubscriber(subscriberParams) {\n        this._isDisposed = false;\n        this._isPlaying = false;\n        this._hasVideo = false;\n        this._hasAudio = false;\n        this._mediaElement = null;\n        trace.info('Subscriber created');\n        this.videoResizeHandler = this.videoResizeHandler.bind(this);\n        this._emitter = new events_1.EventEmitter();\n        this._subscriberParams = subscriberParams;\n    }\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"streamType\", {\n        //#region IMediaSubscriber\n        get: function () {\n            return this._subscriberParams.streamType;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"container\", {\n        get: function () {\n            return this._subscriberParams.container;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"isPlaying\", {\n        get: function () {\n            return this._isPlaying;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"isSoundMuted\", {\n        get: function () {\n            if (!this._mediaElement) {\n                return true;\n            }\n            return this._mediaElement.muted;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"hasAudio\", {\n        get: function () {\n            return this._hasAudio;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"hasVideo\", {\n        get: function () {\n            return this._hasVideo;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"mediaElement\", {\n        get: function () {\n            return this._mediaElement;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"videoWidth\", {\n        get: function () {\n            return this.mediaElement ? this.mediaElement.videoWidth : 0;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"videoHeight\", {\n        get: function () {\n            return this.mediaElement ? this.mediaElement.videoHeight : 0;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"renderWidth\", {\n        get: function () {\n            return this.container.offsetWidth;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"renderHeight\", {\n        get: function () {\n            return this.container.offsetHeight;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    TechseeMediaSubscriber.prototype.muteSound = function (isMuted) {\n        this.throwIfDisposed();\n        trace.info('Subscriber mute change - isMuted =', isMuted);\n        if (this._mediaElement && this._mediaElement.muted !== isMuted) {\n            this._mediaElement.muted = isMuted;\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n        }\n    };\n    TechseeMediaSubscriber.prototype.onStateChanged = function (callback) {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.STREAM_STATE_CHANGE, callback);\n    };\n    TechseeMediaSubscriber.prototype.onDispose = function (callback) {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.SUBSCRIBER_DISPOSE, callback);\n    };\n    //#endregion\n    //#region Non Interface Methods\n    TechseeMediaSubscriber.prototype.renderStream = function (stream) {\n        var _this = this;\n        this.throwIfDisposed();\n        this.stopRenderInternal().then(function () { return MediaDomUtils_1.renderMediaStreamToVideoEl(_this.container, stream.mediaStream, stream.streamType); })\n            .then(function (videoEl) {\n            _this._hasAudio = stream.mediaStream.getAudioTracks().length > 0;\n            _this._hasVideo = stream.mediaStream.getVideoTracks().length > 0;\n            _this.setPlayingState(videoEl, stream.streamKind);\n            if (_this._hasAudio) {\n                _this.muteSound(false);\n            }\n        })\n            .catch(function (error) {\n            trace.warn('Error while rendering stream on video element', error);\n        });\n    };\n    TechseeMediaSubscriber.prototype.stopRendering = function () {\n        var _this = this;\n        return this.stopRenderInternal().then(function () { return _this.setPlayingState(); });\n    };\n    TechseeMediaSubscriber.prototype.dispose = function () {\n        if (this._isDisposed) {\n            return;\n        }\n        this.stopRendering().catch(function () { return undefined; });\n        this._isDisposed = true;\n        this._emitter.removeAllListeners();\n        trace.info('Subscriber disposed');\n        this.emitEvent(privateEvents.SUBSCRIBER_DISPOSE);\n    };\n    //#endregion\n    TechseeMediaSubscriber.prototype.setPlayingState = function (mediaElement, streamKind) {\n        var _this = this;\n        this._isPlaying = !!mediaElement;\n        this._mediaElement = mediaElement || null;\n        var finalize = function () {\n            _this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n            trace.info(\"Video element \" + (streamKind || '') + \" \" + (_this.isPlaying ? 'play' : 'stop') + \" success\");\n        };\n        if (this._mediaElement && streamKind === MediaConstants_1.KnownMediaStreamKind.Video) {\n            if (this._mediaElement.videoHeight === 0) {\n                var disposeResizeHandler_1 = null;\n                var resizeHandler = function () {\n                    disposeResizeHandler_1 && disposeResizeHandler_1();\n                    Compatibility_1.onMediaElementResize(_this._mediaElement, _this.videoResizeHandler);\n                    finalize();\n                };\n                disposeResizeHandler_1 = Compatibility_1.onMediaElementResize(this._mediaElement, resizeHandler);\n            }\n            else {\n                Compatibility_1.onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                finalize();\n            }\n        }\n        else {\n            finalize();\n        }\n    };\n    TechseeMediaSubscriber.prototype.videoResizeHandler = function () {\n        trace.info(\"Video resize, new size = w: \" + this.videoWidth + \" h:\" + this.videoHeight);\n        this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n    };\n    TechseeMediaSubscriber.prototype.stopRenderInternal = function () {\n        if (this._mediaElement && document.body.contains(this._mediaElement)) {\n            return MediaDomUtils_1.removeVideoElementFromDom(this._mediaElement);\n        }\n        return Promise.resolve();\n    };\n    TechseeMediaSubscriber.prototype.emitEvent = function (event, eventArgs) {\n        var _this = this;\n        setTimeout(function () {\n            _this._emitter.emit(event, eventArgs);\n        });\n    };\n    TechseeMediaSubscriber.prototype.throwIfDisposed = function () {\n        if (this._isDisposed) {\n            throw new Error('Subscriber is already disposed');\n        }\n    };\n    return TechseeMediaSubscriber;\n}());\nexports.TechseeMediaSubscriber = TechseeMediaSubscriber;\n\n//# sourceMappingURL=MediaSubscriber.js.map\n","import {EventEmitter} from 'events';\nimport {Nullable} from '@techsee/techsee-common';\nimport {IMediaSubscriber, MediaSubscriberParams} from './MediaContracts';\nimport {TechseeMediaStream} from './TechseeMediaStream';\nimport {removeVideoElementFromDom, renderMediaStreamToVideoEl} from './MediaUtils/MediaDomUtils';\nimport {KnownMediaStream, KnownMediaStreamKind} from './MediaConstants';\n\nimport {getMediaTracer} from './MediaUtils/MediaTracer';\nimport {onMediaElementResize} from './MediaUtils/Compatibility';\n\nconst trace = getMediaTracer('MediaSubscriber');\n\nenum privateEvents {\n    STREAM_STATE_CHANGE = 'STREAM_STATE_CHANGE',\n    SUBSCRIBER_DISPOSE = 'SUBSCRIBER_DISPOSE'\n}\n\nexport class TechseeMediaSubscriber implements IMediaSubscriber {\n    private _emitter: EventEmitter;\n    private _isDisposed = false;\n    private _isPlaying = false;\n    private _hasVideo = false;\n    private _hasAudio = false;\n    private _mediaElement: Nullable<HTMLVideoElement> = null;\n\n    private readonly _subscriberParams: MediaSubscriberParams;\n\n    constructor(subscriberParams: MediaSubscriberParams) {\n        trace.info('Subscriber created');\n\n        this.videoResizeHandler = this.videoResizeHandler.bind(this);\n\n        this._emitter = new EventEmitter();\n        this._subscriberParams = subscriberParams;\n    }\n\n    //#region IMediaSubscriber\n\n    get streamType(): KnownMediaStream {\n        return this._subscriberParams.streamType;\n    }\n\n    get container(): HTMLDivElement {\n        return this._subscriberParams.container;\n    }\n\n    get isPlaying(): boolean {\n        return this._isPlaying;\n    }\n\n    get isSoundMuted(): boolean {\n        if (!this._mediaElement) {\n            return true;\n        }\n\n        return this._mediaElement.muted;\n    }\n\n    get hasAudio(): boolean {\n        return this._hasAudio;\n    }\n\n    get hasVideo(): boolean {\n        return this._hasVideo;\n    }\n\n    get mediaElement(): Nullable<HTMLVideoElement> {\n        return this._mediaElement;\n    }\n\n    get videoWidth(): number {\n        return this.mediaElement ? this.mediaElement.videoWidth : 0;\n    }\n\n    get videoHeight(): number {\n        return this.mediaElement ? this.mediaElement.videoHeight : 0;\n    }\n\n    get renderWidth(): number {\n        return this.container.offsetWidth;\n    }\n\n    get renderHeight(): number {\n        return this.container.offsetHeight;\n    }\n\n    muteSound(isMuted: boolean): void {\n        this.throwIfDisposed();\n        trace.info('Subscriber mute change - isMuted =', isMuted);\n        if (this._mediaElement && this._mediaElement.muted !== isMuted) {\n            this._mediaElement.muted = isMuted;\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n        }\n    }\n\n    onStateChanged(callback: () => void): void {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.STREAM_STATE_CHANGE, callback);\n    }\n\n    onDispose(callback: () => void): void {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.SUBSCRIBER_DISPOSE, callback);\n    }\n\n    //#endregion\n\n    //#region Non Interface Methods\n\n    renderStream(stream: TechseeMediaStream): void {\n        this.throwIfDisposed();\n        this.stopRenderInternal().then(() => renderMediaStreamToVideoEl(this.container, stream.mediaStream, stream.streamType))\n            .then((videoEl) => {\n                this._hasAudio = stream.mediaStream.getAudioTracks().length > 0;\n                this._hasVideo = stream.mediaStream.getVideoTracks().length > 0;\n\n                this.setPlayingState(videoEl, stream.streamKind);\n\n                if (this._hasAudio) {\n                    this.muteSound(false);\n                }\n            })\n            .catch((error) => {\n                trace.warn('Error while rendering stream on video element', error);\n            });\n    }\n\n    stopRendering(): Promise<void> {\n        return this.stopRenderInternal().then(() => this.setPlayingState());\n    }\n\n    dispose(): void {\n        if (this._isDisposed) {\n            return;\n        }\n\n        this.stopRendering().catch(() => undefined);\n\n\n        this._isDisposed = true;\n        this._emitter.removeAllListeners();\n        trace.info('Subscriber disposed');\n        this.emitEvent(privateEvents.SUBSCRIBER_DISPOSE);\n    }\n\n    //#endregion\n\n    private setPlayingState(mediaElement?: HTMLVideoElement, streamKind?: KnownMediaStreamKind): void {\n        this._isPlaying = !!mediaElement;\n        this._mediaElement = mediaElement || null;\n\n        const finalize = (): void => {\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n            trace.info(`Video element ${streamKind || ''} ${this.isPlaying ? 'play' : 'stop'} success`);\n        };\n\n        if (this._mediaElement && streamKind === KnownMediaStreamKind.Video) {\n            if (this._mediaElement.videoHeight === 0) {\n                let disposeResizeHandler: any = null;\n                const resizeHandler = (): void => {\n                    disposeResizeHandler && disposeResizeHandler();\n                    onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                    finalize();\n                };\n\n                disposeResizeHandler = onMediaElementResize(this._mediaElement, resizeHandler);\n            } else {\n                onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                finalize();\n            }\n        } else {\n            finalize();\n        }\n    }\n\n    private videoResizeHandler(): void {\n        trace.info(`Video resize, new size = w: ${this.videoWidth} h:${this.videoHeight}`);\n        this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n    }\n\n    private stopRenderInternal() {\n        if (this._mediaElement && document.body.contains(this._mediaElement)) {\n            return removeVideoElementFromDom(this._mediaElement);\n        }\n\n        return Promise.resolve();\n    }\n\n    private emitEvent(event: string, eventArgs?: any): void {\n        setTimeout(() => {\n            this._emitter.emit(event, eventArgs);\n        });\n    }\n\n    private throwIfDisposed(): void {\n        if (this._isDisposed) {\n            throw new Error('Subscriber is already disposed');\n        }\n    }\n}\n"]}
+{"version":3,"sources":["MediaSubscriber.js","../src/MediaSubscriber.ts"],"names":["Object","defineProperty","exports","value","TechseeMediaSubscriber","events_1","require","MediaDomUtils_1","MediaConstants_1","MediaTracer_1","Compatibility_1","trace","getMediaTracer","privateEvents","subscriberParams","_isDisposed","_isPlaying","_hasVideo","_hasAudio","_mediaElement","info","videoResizeHandler","bind","_emitter","EventEmitter","_subscriberParams","prototype","get","streamType","enumerable","configurable","container","muted","mediaElement","videoWidth","videoHeight","offsetWidth","offsetHeight","muteSound","isMuted","throwIfDisposed","emitEvent","STREAM_STATE_CHANGE","onStateChanged","callback","on","onDispose","SUBSCRIBER_DISPOSE","renderStream","stream","_this","stopRenderInternal","then","renderMediaStreamToVideoEl","mediaStream","videoEl","getAudioTracks","length","getVideoTracks","setPlayingState","streamKind","error","warn","stopRendering","dispose","undefined","removeAllListeners","finalize","isPlaying","KnownMediaStreamKind","Video","disposeResizeHandler_1","resizeHandler","onMediaElementResize","document","body","contains","removeVideoElementFromDom","Promise","resolve","event","eventArgs","setTimeout","emit","Error"],"mappings":"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","file":"MediaSubscriber.js","sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.TechseeMediaSubscriber = void 0;\nvar events_1 = require(\"events\");\nvar MediaDomUtils_1 = require(\"./MediaUtils/MediaDomUtils\");\nvar MediaConstants_1 = require(\"./MediaConstants\");\nvar MediaTracer_1 = require(\"./MediaUtils/MediaTracer\");\nvar Compatibility_1 = require(\"./MediaUtils/Compatibility\");\nvar trace = MediaTracer_1.getMediaTracer('MediaSubscriber');\nvar privateEvents;\n(function (privateEvents) {\n    privateEvents[\"STREAM_STATE_CHANGE\"] = \"STREAM_STATE_CHANGE\";\n    privateEvents[\"SUBSCRIBER_DISPOSE\"] = \"SUBSCRIBER_DISPOSE\";\n})(privateEvents || (privateEvents = {}));\nvar TechseeMediaSubscriber = /** @class */ (function () {\n    function TechseeMediaSubscriber(subscriberParams) {\n        this._isDisposed = false;\n        this._isPlaying = false;\n        this._hasVideo = false;\n        this._hasAudio = false;\n        this._mediaElement = null;\n        trace.info('Subscriber created');\n        this.videoResizeHandler = this.videoResizeHandler.bind(this);\n        this._emitter = new events_1.EventEmitter();\n        this._subscriberParams = subscriberParams;\n    }\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"streamType\", {\n        //#region IMediaSubscriber\n        get: function () {\n            return this._subscriberParams.streamType;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"container\", {\n        get: function () {\n            return this._subscriberParams.container;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"isPlaying\", {\n        get: function () {\n            return this._isPlaying;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"isSoundMuted\", {\n        get: function () {\n            if (!this._mediaElement) {\n                return true;\n            }\n            return this._mediaElement.muted;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"hasAudio\", {\n        get: function () {\n            return this._hasAudio;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"hasVideo\", {\n        get: function () {\n            return this._hasVideo;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"mediaElement\", {\n        get: function () {\n            return this._mediaElement;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"videoWidth\", {\n        get: function () {\n            return this.mediaElement ? this.mediaElement.videoWidth : 0;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"videoHeight\", {\n        get: function () {\n            return this.mediaElement ? this.mediaElement.videoHeight : 0;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"renderWidth\", {\n        get: function () {\n            return this.container.offsetWidth;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"renderHeight\", {\n        get: function () {\n            return this.container.offsetHeight;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    TechseeMediaSubscriber.prototype.muteSound = function (isMuted) {\n        this.throwIfDisposed();\n        trace.info('Subscriber mute change - isMuted =', isMuted);\n        if (this._mediaElement && this._mediaElement.muted !== isMuted) {\n            this._mediaElement.muted = isMuted;\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n        }\n    };\n    TechseeMediaSubscriber.prototype.onStateChanged = function (callback) {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.STREAM_STATE_CHANGE, callback);\n    };\n    TechseeMediaSubscriber.prototype.onDispose = function (callback) {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.SUBSCRIBER_DISPOSE, callback);\n    };\n    //#endregion\n    //#region Non Interface Methods\n    TechseeMediaSubscriber.prototype.renderStream = function (stream) {\n        var _this = this;\n        this.throwIfDisposed();\n        this.stopRenderInternal()\n            .then(function () { return MediaDomUtils_1.renderMediaStreamToVideoEl(_this.container, stream.mediaStream, stream.streamType); })\n            .then(function (videoEl) {\n            _this._hasAudio = stream.mediaStream.getAudioTracks().length > 0;\n            _this._hasVideo = stream.mediaStream.getVideoTracks().length > 0;\n            _this.setPlayingState(videoEl, stream.streamKind);\n            if (_this._hasAudio) {\n                _this.muteSound(false);\n            }\n        })\n            .catch(function (error) {\n            trace.warn('Error while rendering stream on video element', error);\n        });\n    };\n    TechseeMediaSubscriber.prototype.stopRendering = function () {\n        var _this = this;\n        return this.stopRenderInternal().then(function () { return _this.setPlayingState(); });\n    };\n    TechseeMediaSubscriber.prototype.dispose = function () {\n        if (this._isDisposed) {\n            return;\n        }\n        this.stopRendering().catch(function () { return undefined; });\n        this._isDisposed = true;\n        this._emitter.removeAllListeners();\n        trace.info('Subscriber disposed');\n        this.emitEvent(privateEvents.SUBSCRIBER_DISPOSE);\n    };\n    //#endregion\n    TechseeMediaSubscriber.prototype.setPlayingState = function (mediaElement, streamKind) {\n        var _this = this;\n        this._isPlaying = !!mediaElement;\n        this._mediaElement = mediaElement || null;\n        var finalize = function () {\n            _this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n            trace.info(\"Video element \" + (streamKind || '') + \" \" + (_this.isPlaying ? 'play' : 'stop') + \" success\");\n        };\n        if (this._mediaElement && streamKind === MediaConstants_1.KnownMediaStreamKind.Video) {\n            if (this._mediaElement.videoHeight === 0) {\n                var disposeResizeHandler_1 = null;\n                var resizeHandler = function () {\n                    disposeResizeHandler_1 && disposeResizeHandler_1();\n                    Compatibility_1.onMediaElementResize(_this._mediaElement, _this.videoResizeHandler);\n                    finalize();\n                };\n                disposeResizeHandler_1 = Compatibility_1.onMediaElementResize(this._mediaElement, resizeHandler);\n            }\n            else {\n                Compatibility_1.onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                finalize();\n            }\n        }\n        else {\n            finalize();\n        }\n    };\n    TechseeMediaSubscriber.prototype.videoResizeHandler = function () {\n        trace.info(\"Video resize, new size = w: \" + this.videoWidth + \" h:\" + this.videoHeight);\n        this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n    };\n    TechseeMediaSubscriber.prototype.stopRenderInternal = function () {\n        if (this._mediaElement && document.body.contains(this._mediaElement)) {\n            return MediaDomUtils_1.removeVideoElementFromDom(this._mediaElement);\n        }\n        return Promise.resolve();\n    };\n    TechseeMediaSubscriber.prototype.emitEvent = function (event, eventArgs) {\n        var _this = this;\n        setTimeout(function () {\n            _this._emitter.emit(event, eventArgs);\n        });\n    };\n    TechseeMediaSubscriber.prototype.throwIfDisposed = function () {\n        if (this._isDisposed) {\n            throw new Error('Subscriber is already disposed');\n        }\n    };\n    return TechseeMediaSubscriber;\n}());\nexports.TechseeMediaSubscriber = TechseeMediaSubscriber;\n\n//# sourceMappingURL=MediaSubscriber.js.map\n","import {EventEmitter} from 'events';\nimport {Nullable} from '@techsee/techsee-common';\nimport {IMediaSubscriber, MediaSubscriberParams} from './MediaContracts';\nimport {TechseeMediaStream} from './TechseeMediaStream';\nimport {removeVideoElementFromDom, renderMediaStreamToVideoEl} from './MediaUtils/MediaDomUtils';\nimport {KnownMediaStream, KnownMediaStreamKind} from './MediaConstants';\n\nimport {getMediaTracer} from './MediaUtils/MediaTracer';\nimport {onMediaElementResize} from './MediaUtils/Compatibility';\n\nconst trace = getMediaTracer('MediaSubscriber');\n\nenum privateEvents {\n    STREAM_STATE_CHANGE = 'STREAM_STATE_CHANGE',\n    SUBSCRIBER_DISPOSE = 'SUBSCRIBER_DISPOSE'\n}\n\nexport class TechseeMediaSubscriber implements IMediaSubscriber {\n    private _emitter: EventEmitter;\n\n    private _isDisposed = false;\n\n    private _isPlaying = false;\n\n    private _hasVideo = false;\n\n    private _hasAudio = false;\n\n    private _mediaElement: Nullable<HTMLVideoElement> = null;\n\n    private readonly _subscriberParams: MediaSubscriberParams;\n\n    constructor(subscriberParams: MediaSubscriberParams) {\n        trace.info('Subscriber created');\n\n        this.videoResizeHandler = this.videoResizeHandler.bind(this);\n\n        this._emitter = new EventEmitter();\n        this._subscriberParams = subscriberParams;\n    }\n\n    //#region IMediaSubscriber\n\n    get streamType(): KnownMediaStream {\n        return this._subscriberParams.streamType;\n    }\n\n    get container(): HTMLDivElement {\n        return this._subscriberParams.container;\n    }\n\n    get isPlaying(): boolean {\n        return this._isPlaying;\n    }\n\n    get isSoundMuted(): boolean {\n        if (!this._mediaElement) {\n            return true;\n        }\n\n        return this._mediaElement.muted;\n    }\n\n    get hasAudio(): boolean {\n        return this._hasAudio;\n    }\n\n    get hasVideo(): boolean {\n        return this._hasVideo;\n    }\n\n    get mediaElement(): Nullable<HTMLVideoElement> {\n        return this._mediaElement;\n    }\n\n    get videoWidth(): number {\n        return this.mediaElement ? this.mediaElement.videoWidth : 0;\n    }\n\n    get videoHeight(): number {\n        return this.mediaElement ? this.mediaElement.videoHeight : 0;\n    }\n\n    get renderWidth(): number {\n        return this.container.offsetWidth;\n    }\n\n    get renderHeight(): number {\n        return this.container.offsetHeight;\n    }\n\n    muteSound(isMuted: boolean): void {\n        this.throwIfDisposed();\n        trace.info('Subscriber mute change - isMuted =', isMuted);\n        if (this._mediaElement && this._mediaElement.muted !== isMuted) {\n            this._mediaElement.muted = isMuted;\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n        }\n    }\n\n    onStateChanged(callback: () => void): void {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.STREAM_STATE_CHANGE, callback);\n    }\n\n    onDispose(callback: () => void): void {\n        this.throwIfDisposed();\n        this._emitter.on(privateEvents.SUBSCRIBER_DISPOSE, callback);\n    }\n\n    //#endregion\n\n    //#region Non Interface Methods\n\n    renderStream(stream: TechseeMediaStream): void {\n        this.throwIfDisposed();\n        this.stopRenderInternal()\n            .then(() => renderMediaStreamToVideoEl(this.container, stream.mediaStream, stream.streamType))\n            .then((videoEl) => {\n                this._hasAudio = stream.mediaStream.getAudioTracks().length > 0;\n                this._hasVideo = stream.mediaStream.getVideoTracks().length > 0;\n\n                this.setPlayingState(videoEl, stream.streamKind);\n\n                if (this._hasAudio) {\n                    this.muteSound(false);\n                }\n            })\n            .catch((error) => {\n                trace.warn('Error while rendering stream on video element', error);\n            });\n    }\n\n    stopRendering(): Promise<void> {\n        return this.stopRenderInternal().then(() => this.setPlayingState());\n    }\n\n    dispose(): void {\n        if (this._isDisposed) {\n            return;\n        }\n\n        this.stopRendering().catch(() => undefined);\n\n        this._isDisposed = true;\n        this._emitter.removeAllListeners();\n        trace.info('Subscriber disposed');\n        this.emitEvent(privateEvents.SUBSCRIBER_DISPOSE);\n    }\n\n    //#endregion\n\n    private setPlayingState(mediaElement?: HTMLVideoElement, streamKind?: KnownMediaStreamKind): void {\n        this._isPlaying = !!mediaElement;\n        this._mediaElement = mediaElement || null;\n\n        const finalize = (): void => {\n            this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n            trace.info(`Video element ${streamKind || ''} ${this.isPlaying ? 'play' : 'stop'} success`);\n        };\n\n        if (this._mediaElement && streamKind === KnownMediaStreamKind.Video) {\n            if (this._mediaElement.videoHeight === 0) {\n                let disposeResizeHandler: any = null;\n                const resizeHandler = (): void => {\n                    disposeResizeHandler && disposeResizeHandler();\n                    onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                    finalize();\n                };\n\n                disposeResizeHandler = onMediaElementResize(this._mediaElement, resizeHandler);\n            } else {\n                onMediaElementResize(this._mediaElement, this.videoResizeHandler);\n                finalize();\n            }\n        } else {\n            finalize();\n        }\n    }\n\n    private videoResizeHandler(): void {\n        trace.info(`Video resize, new size = w: ${this.videoWidth} h:${this.videoHeight}`);\n        this.emitEvent(privateEvents.STREAM_STATE_CHANGE);\n    }\n\n    private stopRenderInternal() {\n        if (this._mediaElement && document.body.contains(this._mediaElement)) {\n            return removeVideoElementFromDom(this._mediaElement);\n        }\n\n        return Promise.resolve();\n    }\n\n    private emitEvent(event: string, eventArgs?: any): void {\n        setTimeout(() => {\n            this._emitter.emit(event, eventArgs);\n        });\n    }\n\n    private throwIfDisposed(): void {\n        if (this._isDisposed) {\n            throw new Error('Subscriber is already disposed');\n        }\n    }\n}\n"]}

package/lib/MediaUtils/Compatibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MediaUtils/Compatibility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAInD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,EAAE,EAAE,GAAG,CAAC;QACR,QAAQ,EAAE,GAAG,CAAC;KACjB;CACJ;AAgBD,eAAO,MAAM,4CAA4C,KAAK,CAAC;AAC/D,eAAO,MAAM,wCAAwC,MAAM,CAAC;AAU5D,wBAAgB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC,CAmBtD;AAED,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,eAAe,EAAE,CAAC,CAUlE;AAED,wBAAgB,4BAA4B,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC,CAqBjG;AAED,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,GAAG,EAAE,eAAe,EAAE,GAAG,GAAG,MAAM,IAAI,CAyCxF;AAED,wBAAgB,sBAAsB,SAQrC","file":"Compatibility.d.ts","sourcesContent":["import {MediaServiceType} from '../MediaConstants';\n\ndeclare const require: any;\n\ndeclare global {\n    interface Window {\n        OT: any;\n        OTPlugin: any;\n    }\n}\nimport isEqual from 'lodash/isEqual';\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\nimport {TsEnvironmentDetect} from '@techsee/techsee-common/lib/helpers/ts-environment-detect';\nimport {getMediaTracer} from './MediaTracer';\n\nconst trace = getMediaTracer('Compatibility');\n\nconst environmentDetect = new TsEnvironmentDetect();\nconst isIE11 = environmentDetect.isIE11();\nconst monitoredIeElements = new Map();\n\n// Grace period to wait in the unlikely case that Opentok has not finished initializing,\n// and a session initialization was requested\nexport const WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS = 10;\nexport const WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL = 500;\n\nfunction _isOTDefined(): boolean {\n    try {\n        return !!window.OT;\n    } catch (e) {\n        return false;\n    }\n}\n\nexport function waitForOpenTokIsLoaded(): Promise<void> {\n    if (_isOTDefined()) {\n        return Promise.resolve();\n    }\n\n    let isDefined = false;\n\n    return (Promise as any).reduce(\n        new Array(WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS),\n        () => {\n            if (isDefined || _isOTDefined()) {\n                isDefined = true;\n\n                return Promise.resolve();\n            }\n\n            return (Promise as any).delay(WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL);\n        }, 0)\n        .then(() => isDefined || Promise.reject(new Error('OT is undefined')));\n}\n\nexport function enumerateMediaDevices(): Promise<MediaDeviceInfo[]> {\n    return new Promise((resolve, reject) => {\n        if ((typeof window.OT !== 'undefined') && window.OT && window.OT.getDevices) {\n            window.OT.getDevices((error: any, devices: any) => (error ? reject(error) : resolve(devices)));\n        } else if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices) {\n            navigator.mediaDevices.enumerateDevices().then(resolve).catch(reject);\n        } else {\n            reject(new Error('Enumerating media devices is not supported'));\n        }\n    });\n}\n\nexport function isVideoPlaySupportedOnDevice(mediaServiceType: MediaServiceType): Promise<boolean> {\n    const isOpenTokService = mediaServiceType === MediaServiceType.OPENTOK;\n    const isMediaServer = mediaServiceType === MediaServiceType.MEDIASERVER;\n\n    if (!isIE11) {\n        return Promise.resolve(true);\n    }\n\n    if (isOpenTokService) {\n        return waitForOpenTokIsLoaded().then(() => window.OT && window.OTPlugin && window.OTPlugin.isInstalled && window.OTPlugin.isInstalled());\n    }\n\n    if (isMediaServer) {\n        return Promise.resolve(false);\n    }\n\n    if ((window as any).WebRTCAdapter) {\n        return Promise.resolve(true);\n    }\n\n    return Promise.resolve(false);\n}\n\nexport function onMediaElementResize(mediaElement: any, onResizeHandler: any): () => void {\n    let checkTimeoutPtr: any = null;\n    const unsubscribeIE = () => {\n        clearTimeout(checkTimeoutPtr);\n        monitoredIeElements.delete(mediaElement);\n    };\n\n    if (!isIE11) {\n        mediaElement.addEventListener('resize', onResizeHandler, false);\n    } else {\n        monitoredIeElements.set(mediaElement, {\n            videoWidth: mediaElement.videoWidth,\n            videoHeight: mediaElement.videoHeight\n        });\n\n        const checkElementSize = () => {\n            const lastElementSize = monitoredIeElements.get(mediaElement);\n\n            if (!lastElementSize) {\n                unsubscribeIE();\n            } else {\n                const currentSize = {videoWidth: mediaElement.videoWidth, videoHeight: mediaElement.videoHeight};\n\n                checkTimeoutPtr = setTimeout(checkElementSize, 500);\n                if (!isEqual(currentSize, lastElementSize)) {\n                    monitoredIeElements.set(mediaElement, lastElementSize);\n                    setTimeout(onResizeHandler);\n                }\n            }\n        };\n\n        checkElementSize();\n    }\n\n    return function () {\n        if (!isIE11) {\n            mediaElement && mediaElement.removeEventListener('resize', onResizeHandler);\n        } else {\n            unsubscribeIE();\n        }\n    };\n}\n\nexport function registerWebRTCAdapters() {\n    if (isIE11) {\n        require('../webrtc-ie-shim.js');\n    } else if (!(environmentDetect.isChrome() && (environmentDetect.majorVersion() < 49))) {\n        require('webrtc-adapter/dist/adapter_core'); // eslint-disable-line global-require\n    } else {\n        trace.warn('no WebRTC adapters loaded.');\n    }\n}\n"]}
+{"version":3,"sources":["../src/MediaUtils/Compatibility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAInD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,EAAE,EAAE,GAAG,CAAC;QACR,QAAQ,EAAE,GAAG,CAAC;KACjB;CACJ;AAgBD,eAAO,MAAM,4CAA4C,KAAK,CAAC;AAC/D,eAAO,MAAM,wCAAwC,MAAM,CAAC;AAU5D,wBAAgB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC,CAsBtD;AAED,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,eAAe,EAAE,CAAC,CAUlE;AAED,wBAAgB,4BAA4B,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC,CAuBjG;AAED,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,GAAG,EAAE,eAAe,EAAE,GAAG,GAAG,MAAM,IAAI,CA0CxF;AAED,wBAAgB,sBAAsB,SAQrC","file":"Compatibility.d.ts","sourcesContent":["import {MediaServiceType} from '../MediaConstants';\n\ndeclare const require: any;\n\ndeclare global {\n    interface Window {\n        OT: any;\n        OTPlugin: any;\n    }\n}\nimport isEqual from 'lodash/isEqual';\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\nimport {TsEnvironmentDetect} from '@techsee/techsee-common/lib/helpers/ts-environment-detect';\nimport {getMediaTracer} from './MediaTracer';\n\nconst trace = getMediaTracer('Compatibility');\n\nconst environmentDetect = new TsEnvironmentDetect();\nconst isIE11 = environmentDetect.isIE11();\nconst monitoredIeElements = new Map();\n\n// Grace period to wait in the unlikely case that Opentok has not finished initializing,\n// and a session initialization was requested\nexport const WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS = 10;\nexport const WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL = 500;\n\nfunction _isOTDefined(): boolean {\n    try {\n        return !!window.OT;\n    } catch (e) {\n        return false;\n    }\n}\n\nexport function waitForOpenTokIsLoaded(): Promise<void> {\n    if (_isOTDefined()) {\n        return Promise.resolve();\n    }\n\n    let isDefined = false;\n\n    return (Promise as any)\n        .reduce(\n            new Array(WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS),\n            () => {\n                if (isDefined || _isOTDefined()) {\n                    isDefined = true;\n\n                    return Promise.resolve();\n                }\n\n                return (Promise as any).delay(WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL);\n            },\n            0\n        )\n        .then(() => isDefined || Promise.reject(new Error('OT is undefined')));\n}\n\nexport function enumerateMediaDevices(): Promise<MediaDeviceInfo[]> {\n    return new Promise((resolve, reject) => {\n        if (typeof window.OT !== 'undefined' && window.OT && window.OT.getDevices) {\n            window.OT.getDevices((error: any, devices: any) => (error ? reject(error) : resolve(devices)));\n        } else if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices) {\n            navigator.mediaDevices.enumerateDevices().then(resolve).catch(reject);\n        } else {\n            reject(new Error('Enumerating media devices is not supported'));\n        }\n    });\n}\n\nexport function isVideoPlaySupportedOnDevice(mediaServiceType: MediaServiceType): Promise<boolean> {\n    const isOpenTokService = mediaServiceType === MediaServiceType.OPENTOK;\n    const isMediaServer = mediaServiceType === MediaServiceType.MEDIASERVER;\n\n    if (!isIE11) {\n        return Promise.resolve(true);\n    }\n\n    if (isOpenTokService) {\n        return waitForOpenTokIsLoaded().then(\n            () => window.OT && window.OTPlugin && window.OTPlugin.isInstalled && window.OTPlugin.isInstalled()\n        );\n    }\n\n    if (isMediaServer) {\n        return Promise.resolve(false);\n    }\n\n    if ((window as any).WebRTCAdapter) {\n        return Promise.resolve(true);\n    }\n\n    return Promise.resolve(false);\n}\n\nexport function onMediaElementResize(mediaElement: any, onResizeHandler: any): () => void {\n    let checkTimeoutPtr: any = null;\n    const unsubscribeIE = () => {\n        clearTimeout(checkTimeoutPtr);\n        monitoredIeElements.delete(mediaElement);\n    };\n\n    if (!isIE11) {\n        mediaElement.addEventListener('resize', onResizeHandler, false);\n    } else {\n        monitoredIeElements.set(mediaElement, {\n            videoWidth: mediaElement.videoWidth,\n            videoHeight: mediaElement.videoHeight\n        });\n\n        const checkElementSize = () => {\n            const lastElementSize = monitoredIeElements.get(mediaElement);\n\n            if (!lastElementSize) {\n                unsubscribeIE();\n            } else {\n                const currentSize = {videoWidth: mediaElement.videoWidth, videoHeight: mediaElement.videoHeight};\n\n                checkTimeoutPtr = setTimeout(checkElementSize, 500);\n                if (!isEqual(currentSize, lastElementSize)) {\n                    monitoredIeElements.set(mediaElement, lastElementSize);\n                    // eslint-disable-next-line @typescript-eslint/no-implied-eval\n                    setTimeout(onResizeHandler);\n                }\n            }\n        };\n\n        checkElementSize();\n    }\n\n    return function () {\n        if (!isIE11) {\n            mediaElement && mediaElement.removeEventListener('resize', onResizeHandler);\n        } else {\n            unsubscribeIE();\n        }\n    };\n}\n\nexport function registerWebRTCAdapters() {\n    if (isIE11) {\n        require('../webrtc-ie-shim.js');\n    } else if (!(environmentDetect.isChrome() && environmentDetect.majorVersion() < 49)) {\n        require('webrtc-adapter/dist/adapter_core'); // eslint-disable-line global-require\n    } else {\n        trace.warn('no WebRTC adapters loaded.');\n    }\n}\n"]}

package/lib/MediaUtils/Compatibility.js

@@ -130,7 +130,8 @@ function onMediaElementResize(mediaElement, onResizeHandler) {
         checkTimeoutPtr = setTimeout(checkElementSize_1, 500);
 
         if (!isEqual_1["default"](currentSize, lastElementSize)) {
-          monitoredIeElements.set(mediaElement, lastElementSize);
+          monitoredIeElements.set(mediaElement, lastElementSize); // eslint-disable-next-line @typescript-eslint/no-implied-eval
+
           setTimeout(onResizeHandler);
         }
       }

package/lib/MediaUtils/Compatibility.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MediaUtils/Compatibility.js"],"names":["__importDefault","mod","__esModule","Object","defineProperty","exports","value","registerWebRTCAdapters","onMediaElementResize","isVideoPlaySupportedOnDevice","enumerateMediaDevices","waitForOpenTokIsLoaded","WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL","WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS","MediaConstants_1","require","isEqual_1","ts_environment_detect_1","MediaTracer_1","trace","getMediaTracer","environmentDetect","TsEnvironmentDetect","isIE11","monitoredIeElements","Map","_isOTDefined","window","OT","e","Promise","resolve","isDefined","reduce","Array","delay","then","reject","Error","getDevices","error","devices","navigator","mediaDevices","enumerateDevices","mediaServiceType","isOpenTokService","MediaServiceType","OPENTOK","isMediaServer","MEDIASERVER","OTPlugin","isInstalled","WebRTCAdapter","mediaElement","onResizeHandler","checkTimeoutPtr","unsubscribeIE","clearTimeout","addEventListener","set","videoWidth","videoHeight","checkElementSize_1","lastElementSize","get","currentSize","setTimeout","removeEventListener","isChrome","majorVersion","warn"],"mappings":"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","file":"Compatibility.js","sourcesContent":["\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.registerWebRTCAdapters = exports.onMediaElementResize = exports.isVideoPlaySupportedOnDevice = exports.enumerateMediaDevices = exports.waitForOpenTokIsLoaded = exports.WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL = exports.WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS = void 0;\nvar MediaConstants_1 = require(\"../MediaConstants\");\nvar isEqual_1 = __importDefault(require(\"lodash/isEqual\"));\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\nvar ts_environment_detect_1 = require(\"@techsee/techsee-common/lib/helpers/ts-environment-detect\");\nvar MediaTracer_1 = require(\"./MediaTracer\");\nvar trace = MediaTracer_1.getMediaTracer('Compatibility');\nvar environmentDetect = new ts_environment_detect_1.TsEnvironmentDetect();\nvar isIE11 = environmentDetect.isIE11();\nvar monitoredIeElements = new Map();\n// Grace period to wait in the unlikely case that Opentok has not finished initializing,\n// and a session initialization was requested\nexports.WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS = 10;\nexports.WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL = 500;\nfunction _isOTDefined() {\n    try {\n        return !!window.OT;\n    }\n    catch (e) {\n        return false;\n    }\n}\nfunction waitForOpenTokIsLoaded() {\n    if (_isOTDefined()) {\n        return Promise.resolve();\n    }\n    var isDefined = false;\n    return Promise.reduce(new Array(exports.WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS), function () {\n        if (isDefined || _isOTDefined()) {\n            isDefined = true;\n            return Promise.resolve();\n        }\n        return Promise.delay(exports.WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL);\n    }, 0)\n        .then(function () { return isDefined || Promise.reject(new Error('OT is undefined')); });\n}\nexports.waitForOpenTokIsLoaded = waitForOpenTokIsLoaded;\nfunction enumerateMediaDevices() {\n    return new Promise(function (resolve, reject) {\n        if ((typeof window.OT !== 'undefined') && window.OT && window.OT.getDevices) {\n            window.OT.getDevices(function (error, devices) { return (error ? reject(error) : resolve(devices)); });\n        }\n        else if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices) {\n            navigator.mediaDevices.enumerateDevices().then(resolve).catch(reject);\n        }\n        else {\n            reject(new Error('Enumerating media devices is not supported'));\n        }\n    });\n}\nexports.enumerateMediaDevices = enumerateMediaDevices;\nfunction isVideoPlaySupportedOnDevice(mediaServiceType) {\n    var isOpenTokService = mediaServiceType === MediaConstants_1.MediaServiceType.OPENTOK;\n    var isMediaServer = mediaServiceType === MediaConstants_1.MediaServiceType.MEDIASERVER;\n    if (!isIE11) {\n        return Promise.resolve(true);\n    }\n    if (isOpenTokService) {\n        return waitForOpenTokIsLoaded().then(function () { return window.OT && window.OTPlugin && window.OTPlugin.isInstalled && window.OTPlugin.isInstalled(); });\n    }\n    if (isMediaServer) {\n        return Promise.resolve(false);\n    }\n    if (window.WebRTCAdapter) {\n        return Promise.resolve(true);\n    }\n    return Promise.resolve(false);\n}\nexports.isVideoPlaySupportedOnDevice = isVideoPlaySupportedOnDevice;\nfunction onMediaElementResize(mediaElement, onResizeHandler) {\n    var checkTimeoutPtr = null;\n    var unsubscribeIE = function () {\n        clearTimeout(checkTimeoutPtr);\n        monitoredIeElements.delete(mediaElement);\n    };\n    if (!isIE11) {\n        mediaElement.addEventListener('resize', onResizeHandler, false);\n    }\n    else {\n        monitoredIeElements.set(mediaElement, {\n            videoWidth: mediaElement.videoWidth,\n            videoHeight: mediaElement.videoHeight\n        });\n        var checkElementSize_1 = function () {\n            var lastElementSize = monitoredIeElements.get(mediaElement);\n            if (!lastElementSize) {\n                unsubscribeIE();\n            }\n            else {\n                var currentSize = { videoWidth: mediaElement.videoWidth, videoHeight: mediaElement.videoHeight };\n                checkTimeoutPtr = setTimeout(checkElementSize_1, 500);\n                if (!isEqual_1.default(currentSize, lastElementSize)) {\n                    monitoredIeElements.set(mediaElement, lastElementSize);\n                    setTimeout(onResizeHandler);\n                }\n            }\n        };\n        checkElementSize_1();\n    }\n    return function () {\n        if (!isIE11) {\n            mediaElement && mediaElement.removeEventListener('resize', onResizeHandler);\n        }\n        else {\n            unsubscribeIE();\n        }\n    };\n}\nexports.onMediaElementResize = onMediaElementResize;\nfunction registerWebRTCAdapters() {\n    if (isIE11) {\n        require('../webrtc-ie-shim.js');\n    }\n    else if (!(environmentDetect.isChrome() && (environmentDetect.majorVersion() < 49))) {\n        require('webrtc-adapter/dist/adapter_core'); // eslint-disable-line global-require\n    }\n    else {\n        trace.warn('no WebRTC adapters loaded.');\n    }\n}\nexports.registerWebRTCAdapters = registerWebRTCAdapters;\n\n//# sourceMappingURL=Compatibility.js.map\n"]}
+{"version":3,"sources":["MediaUtils/Compatibility.js"],"names":["__importDefault","mod","__esModule","Object","defineProperty","exports","value","registerWebRTCAdapters","onMediaElementResize","isVideoPlaySupportedOnDevice","enumerateMediaDevices","waitForOpenTokIsLoaded","WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL","WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS","MediaConstants_1","require","isEqual_1","ts_environment_detect_1","MediaTracer_1","trace","getMediaTracer","environmentDetect","TsEnvironmentDetect","isIE11","monitoredIeElements","Map","_isOTDefined","window","OT","e","Promise","resolve","isDefined","reduce","Array","delay","then","reject","Error","getDevices","error","devices","navigator","mediaDevices","enumerateDevices","mediaServiceType","isOpenTokService","MediaServiceType","OPENTOK","isMediaServer","MEDIASERVER","OTPlugin","isInstalled","WebRTCAdapter","mediaElement","onResizeHandler","checkTimeoutPtr","unsubscribeIE","clearTimeout","addEventListener","set","videoWidth","videoHeight","checkElementSize_1","lastElementSize","get","currentSize","setTimeout","removeEventListener","isChrome","majorVersion","warn"],"mappings":"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","file":"Compatibility.js","sourcesContent":["\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.registerWebRTCAdapters = exports.onMediaElementResize = exports.isVideoPlaySupportedOnDevice = exports.enumerateMediaDevices = exports.waitForOpenTokIsLoaded = exports.WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL = exports.WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS = void 0;\nvar MediaConstants_1 = require(\"../MediaConstants\");\nvar isEqual_1 = __importDefault(require(\"lodash/isEqual\"));\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\nvar ts_environment_detect_1 = require(\"@techsee/techsee-common/lib/helpers/ts-environment-detect\");\nvar MediaTracer_1 = require(\"./MediaTracer\");\nvar trace = MediaTracer_1.getMediaTracer('Compatibility');\nvar environmentDetect = new ts_environment_detect_1.TsEnvironmentDetect();\nvar isIE11 = environmentDetect.isIE11();\nvar monitoredIeElements = new Map();\n// Grace period to wait in the unlikely case that Opentok has not finished initializing,\n// and a session initialization was requested\nexports.WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS = 10;\nexports.WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL = 500;\nfunction _isOTDefined() {\n    try {\n        return !!window.OT;\n    }\n    catch (e) {\n        return false;\n    }\n}\nfunction waitForOpenTokIsLoaded() {\n    if (_isOTDefined()) {\n        return Promise.resolve();\n    }\n    var isDefined = false;\n    return Promise\n        .reduce(new Array(exports.WAIT_FOR_OPENTOK_INITIALIZATION_MAX_ATTEMPTS), function () {\n        if (isDefined || _isOTDefined()) {\n            isDefined = true;\n            return Promise.resolve();\n        }\n        return Promise.delay(exports.WAIT_FOR_OPENTOK_INITIALIZATION_INTERVAL);\n    }, 0)\n        .then(function () { return isDefined || Promise.reject(new Error('OT is undefined')); });\n}\nexports.waitForOpenTokIsLoaded = waitForOpenTokIsLoaded;\nfunction enumerateMediaDevices() {\n    return new Promise(function (resolve, reject) {\n        if (typeof window.OT !== 'undefined' && window.OT && window.OT.getDevices) {\n            window.OT.getDevices(function (error, devices) { return (error ? reject(error) : resolve(devices)); });\n        }\n        else if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices) {\n            navigator.mediaDevices.enumerateDevices().then(resolve).catch(reject);\n        }\n        else {\n            reject(new Error('Enumerating media devices is not supported'));\n        }\n    });\n}\nexports.enumerateMediaDevices = enumerateMediaDevices;\nfunction isVideoPlaySupportedOnDevice(mediaServiceType) {\n    var isOpenTokService = mediaServiceType === MediaConstants_1.MediaServiceType.OPENTOK;\n    var isMediaServer = mediaServiceType === MediaConstants_1.MediaServiceType.MEDIASERVER;\n    if (!isIE11) {\n        return Promise.resolve(true);\n    }\n    if (isOpenTokService) {\n        return waitForOpenTokIsLoaded().then(function () { return window.OT && window.OTPlugin && window.OTPlugin.isInstalled && window.OTPlugin.isInstalled(); });\n    }\n    if (isMediaServer) {\n        return Promise.resolve(false);\n    }\n    if (window.WebRTCAdapter) {\n        return Promise.resolve(true);\n    }\n    return Promise.resolve(false);\n}\nexports.isVideoPlaySupportedOnDevice = isVideoPlaySupportedOnDevice;\nfunction onMediaElementResize(mediaElement, onResizeHandler) {\n    var checkTimeoutPtr = null;\n    var unsubscribeIE = function () {\n        clearTimeout(checkTimeoutPtr);\n        monitoredIeElements.delete(mediaElement);\n    };\n    if (!isIE11) {\n        mediaElement.addEventListener('resize', onResizeHandler, false);\n    }\n    else {\n        monitoredIeElements.set(mediaElement, {\n            videoWidth: mediaElement.videoWidth,\n            videoHeight: mediaElement.videoHeight\n        });\n        var checkElementSize_1 = function () {\n            var lastElementSize = monitoredIeElements.get(mediaElement);\n            if (!lastElementSize) {\n                unsubscribeIE();\n            }\n            else {\n                var currentSize = { videoWidth: mediaElement.videoWidth, videoHeight: mediaElement.videoHeight };\n                checkTimeoutPtr = setTimeout(checkElementSize_1, 500);\n                if (!isEqual_1.default(currentSize, lastElementSize)) {\n                    monitoredIeElements.set(mediaElement, lastElementSize);\n                    // eslint-disable-next-line @typescript-eslint/no-implied-eval\n                    setTimeout(onResizeHandler);\n                }\n            }\n        };\n        checkElementSize_1();\n    }\n    return function () {\n        if (!isIE11) {\n            mediaElement && mediaElement.removeEventListener('resize', onResizeHandler);\n        }\n        else {\n            unsubscribeIE();\n        }\n    };\n}\nexports.onMediaElementResize = onMediaElementResize;\nfunction registerWebRTCAdapters() {\n    if (isIE11) {\n        require('../webrtc-ie-shim.js');\n    }\n    else if (!(environmentDetect.isChrome() && environmentDetect.majorVersion() < 49)) {\n        require('webrtc-adapter/dist/adapter_core'); // eslint-disable-line global-require\n    }\n    else {\n        trace.warn('no WebRTC adapters loaded.');\n    }\n}\nexports.registerWebRTCAdapters = registerWebRTCAdapters;\n\n//# sourceMappingURL=Compatibility.js.map\n"]}

package/lib/MediaUtils/MediaDomUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MediaUtils/MediaDomUtils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAMnD,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAuFvJ;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBlF;AAOD,wBAAgB,0BAA0B,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,eAAe,GAAE,eAAiC,GAAG,OAAO,CAAC,MAAM,CAAC,CAqGxK","file":"MediaDomUtils.d.ts","sourcesContent":["import isUndefined from 'lodash/isUndefined';\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\nimport {TsEnvironmentDetect} from '@techsee/techsee-common/lib/helpers/ts-environment-detect';\nimport {repeatWithTimeout} from '@techsee/techsee-common/lib/core/retry-with-timeout';\nimport {SnapshotOptions} from '../MediaContracts';\nimport {getMediaTracer} from './MediaTracer';\nimport {KnownMediaStream} from '../MediaConstants';\n\nconst trace = getMediaTracer('DomUtils');\n\nconst isIE11 = (new TsEnvironmentDetect()).isIE11();\n\nexport function renderMediaStreamToVideoEl(container: HTMLDivElement, mediaStream: MediaStream, streamType: KnownMediaStream): Promise<HTMLVideoElement> {\n    return new Promise((resolve, reject) => {\n        if (!document.body.contains(container)) {\n            reject(new Error('Cannot render to container that is not attached to dom'));\n\n            return;\n        }\n\n        const doResolve = (videoEl: HTMLVideoElement): void => {\n            trace.info('Video element created successfully', {videoEl});\n            resolve(videoEl);\n        };\n\n        const videoEl = document.createElement('video') as any;\n\n        videoEl.muted = true;\n        videoEl.playsInline = true;\n\n        if (isIE11 && (window as any).WebRTCAdapter) {\n            container.appendChild(videoEl);\n            (window as any).WebRTCAdapter.bindVideoElement(videoEl);\n        }\n\n        videoEl.srcObject = mediaStream;\n\n        // When unplugged the headphones in ios the video element got paused.\n        videoEl.addEventListener('pause', () => {\n            if ([KnownMediaStream.USER_AUDIO_STREAM, KnownMediaStream.AGENT_AUDIO_STREAM, KnownMediaStream.OBSERVER_AUDIO_STREAM]\n                .indexOf(streamType) > -1) {\n                trace.info('Video element got paused. IOS headphones disconnected');\n                videoEl.play();\n            }\n        });\n\n        if (!isIE11) {\n            // Hack to override behavior introduced by Chrome/FF that unmuted video elements can't auto play\n            videoEl.setAttribute('muted', '');\n        }\n\n        try {\n            const playRes = videoEl.play();\n\n            if (playRes && playRes.then) {\n                playRes.then(() => {\n                    trace.info('Video element play success');\n                    if (!isIE11) {\n                        doResolve(videoEl);\n                    }\n                });\n            } else if (!isIE11) {\n                doResolve(videoEl);\n            }\n\n            if (playRes && playRes.catch) {\n                playRes.catch((error: any) => {\n                    trace.error('Reject while executing play method on video element', error);\n                    reject(error);\n                });\n            }\n        } catch (error) {\n            reject(error);\n            trace.error('Error while executing play method on video element', error);\n\n            return;\n        }\n\n\n        if (isIE11) {\n            const handleComplete = (): boolean => videoEl.parentElement.tagName !== 'OBJECT';\n\n            const waitForObjectSettings = {intervalInMs: 30, timeoutInMs: 200};\n\n            repeatWithTimeout(handleComplete, waitForObjectSettings)\n                .then(() => {\n                    //We will wait, until video is played, then we resolve\n                    const isVideoPlaying = (): boolean => videoEl.videoHeight <= 0 || videoEl.videoWidth <= 0;\n                    const waitForVideoSettings = {intervalInMs: 50, timeoutInMs: 10000};\n\n                    repeatWithTimeout(isVideoPlaying, waitForVideoSettings)\n                        .then(() => doResolve(videoEl.parentElement))\n                        .catch(() => reject(new Error('Timeout while waiting for video to play')));\n                });\n        } else {\n            container.appendChild(videoEl);\n            //doResolve(videoEl);\n        }\n    });\n}\n\nexport function removeVideoElementFromDom(videoEl: HTMLVideoElement): Promise<void> {\n    return new Promise((resolve) => {\n        if (isIE11 && (window as any).WebRTCAdapter) {\n            (window as any).WebRTCAdapter.unBindVideoElement(videoEl);\n            if (videoEl && videoEl.parentNode && videoEl.parentNode.removeChild) {\n                videoEl.parentNode.removeChild(videoEl);\n                trace.info('Video element removed successfully');\n            } else {\n                trace.warn('Video element not removed', videoEl, videoEl.parentNode);\n            }\n        } else {\n            videoEl.remove();\n        }\n\n        resolve();\n    });\n}\n\nconst defaultSnapshot: SnapshotOptions = {\n    format: 'image/png',\n    quality: 0.92\n};\n\nexport function getSnapshotFromMediaStream(mediaStream: MediaStream, sourceStream: KnownMediaStream, snapshotOptions: SnapshotOptions = defaultSnapshot): Promise<string> {\n    const {format, quality, x, y, w, h} = snapshotOptions;\n    const crop = !isUndefined(x) && !isUndefined(y) && !isUndefined(w) && !isUndefined(h);\n    const resize = !crop && (!isUndefined(w) || !isUndefined(h));\n\n    return new Promise((resolve, reject) => {\n\n        const tempContainer = document.createElement('div');\n\n        tempContainer.style.cssText = 'position:absolute;left: -10000px;';\n        document.body.appendChild(tempContainer);\n\n        const doneFn = (err: any, image?: any): void => {\n            if (err) {\n                reject(err);\n\n                return;\n            }\n\n            setTimeout(() => {\n                document.body.removeChild(tempContainer);\n                if (!err) {\n                    resolve(image);\n                }\n            }, 50);\n        };\n\n        renderMediaStreamToVideoEl(tempContainer, mediaStream, sourceStream)\n            .then((videoElement) => Promise.resolve(isIE11 ? getImgDataIE11(videoElement) : getImgData(videoElement))\n                .then((imgData: any) => {\n                    if (!imgData || imgData.length < 10) {\n                        throw new Error('Failed to create a snapshot - imgData is null or empty');\n                    }\n\n                    doneFn(null, imgData);\n                }))\n            .catch((error) => {\n                doneFn(error || new Error('Failed to create a snapshot - can\\'t render MediaStream To VideoEl '));\n            });\n    });\n\n    //Gets image in all browsers except of IE\n    function getImgData(videoElement: HTMLVideoElement): string {\n        const {videoWidth, videoHeight} = videoElement;\n        const canvas = document.createElement('canvas');\n        const ctx = canvas.getContext('2d')!;\n\n        if (crop) {\n            canvas.width = w;\n            canvas.height = h;\n\n            ctx.drawImage(videoElement, x, y, w, h, 0, 0, w, h);\n        } else if (resize) {\n            canvas.width = w;\n            canvas.height = h;\n\n            ctx.drawImage(videoElement, 0, 0, w, h);\n        } else {\n            canvas.height = videoHeight;\n            canvas.width = videoWidth;\n\n            ctx.drawImage(videoElement, 0, 0);\n        }\n\n        return canvas.toDataURL(format, quality);\n    }\n\n    //Gets image in IE browser. There should be TechSee IE11 plugin or OpenTok plugin installed.\n    function getImgDataIE11(videoElement: any): Promise<string> {\n        return new Promise((resolve) => {\n            const {videoWidth, videoHeight} = videoElement;\n            const canvas = document.createElement('canvas');\n            const ctx = canvas.getContext('2d')!;\n\n            if (crop || resize) {\n                canvas.width = w;\n                canvas.height = h;\n            } else {\n                canvas.height = videoHeight;\n                canvas.width = videoWidth;\n            }\n\n            function _drawAndRemove(image: any): string {\n                if (crop) {\n                    ctx.drawImage(image, x, y, w, h, 0, 0, w, h);\n                } else if (resize) {\n                    ctx.drawImage(image, 0, 0, w, h);\n                } else {\n                    ctx.drawImage(image, 0, 0, videoWidth, videoHeight);\n                }\n\n                return canvas.toDataURL(format, quality);\n            }\n\n            const base64 = videoElement.getFrame();\n            const image = new Image();\n\n            image.onload = () => resolve(_drawAndRemove(image));\n            image.setAttribute('src', 'data:image/bmp;base64,' + base64);\n        });\n    }\n}\n"]}
+{"version":3,"sources":["../src/MediaUtils/MediaDomUtils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAMnD,wBAAgB,0BAA0B,CACtC,SAAS,EAAE,cAAc,EACzB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,gBAAgB,GAC7B,OAAO,CAAC,gBAAgB,CAAC,CA0F3B;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBlF;AAOD,wBAAgB,0BAA0B,CACtC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,EAC9B,eAAe,GAAE,eAAiC,GACnD,OAAO,CAAC,MAAM,CAAC,CAwGjB","file":"MediaDomUtils.d.ts","sourcesContent":["import isUndefined from 'lodash/isUndefined';\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\nimport {TsEnvironmentDetect} from '@techsee/techsee-common/lib/helpers/ts-environment-detect';\nimport {repeatWithTimeout} from '@techsee/techsee-common/lib/core/retry-with-timeout';\nimport {SnapshotOptions} from '../MediaContracts';\nimport {getMediaTracer} from './MediaTracer';\nimport {KnownMediaStream} from '../MediaConstants';\n\nconst trace = getMediaTracer('DomUtils');\n\nconst isIE11 = new TsEnvironmentDetect().isIE11();\n\nexport function renderMediaStreamToVideoEl(\n    container: HTMLDivElement,\n    mediaStream: MediaStream,\n    streamType: KnownMediaStream\n): Promise<HTMLVideoElement> {\n    return new Promise((resolve, reject) => {\n        if (!document.body.contains(container)) {\n            reject(new Error('Cannot render to container that is not attached to dom'));\n\n            return;\n        }\n\n        const doResolve = (videoEl: HTMLVideoElement): void => {\n            trace.info('Video element created successfully', {videoEl});\n            resolve(videoEl);\n        };\n\n        const videoEl = document.createElement('video') as any;\n\n        videoEl.muted = true;\n        videoEl.playsInline = true;\n\n        if (isIE11 && (window as any).WebRTCAdapter) {\n            container.appendChild(videoEl);\n            (window as any).WebRTCAdapter.bindVideoElement(videoEl);\n        }\n\n        videoEl.srcObject = mediaStream;\n\n        // When unplugged the headphones in ios the video element got paused.\n        videoEl.addEventListener('pause', () => {\n            if (\n                [\n                    KnownMediaStream.USER_AUDIO_STREAM,\n                    KnownMediaStream.AGENT_AUDIO_STREAM,\n                    KnownMediaStream.OBSERVER_AUDIO_STREAM\n                ].indexOf(streamType) > -1\n            ) {\n                trace.info('Video element got paused. IOS headphones disconnected');\n                videoEl.play();\n            }\n        });\n\n        if (!isIE11) {\n            // Hack to override behavior introduced by Chrome/FF that unmuted video elements can't auto play\n            videoEl.setAttribute('muted', '');\n        }\n\n        try {\n            const playRes = videoEl.play();\n\n            if (playRes && playRes.then) {\n                playRes.then(() => {\n                    trace.info('Video element play success');\n                    if (!isIE11) {\n                        doResolve(videoEl);\n                    }\n                });\n            } else if (!isIE11) {\n                doResolve(videoEl);\n            }\n\n            if (playRes && playRes.catch) {\n                playRes.catch((error: any) => {\n                    trace.error('Reject while executing play method on video element', error);\n                    reject(error);\n                });\n            }\n        } catch (error) {\n            reject(error);\n            trace.error('Error while executing play method on video element', error);\n\n            return;\n        }\n\n        if (isIE11) {\n            const handleComplete = (): boolean => videoEl.parentElement.tagName !== 'OBJECT';\n\n            const waitForObjectSettings = {intervalInMs: 30, timeoutInMs: 200};\n\n            repeatWithTimeout(handleComplete, waitForObjectSettings).then(() => {\n                //We will wait, until video is played, then we resolve\n                const isVideoPlaying = (): boolean => videoEl.videoHeight <= 0 || videoEl.videoWidth <= 0;\n                const waitForVideoSettings = {intervalInMs: 50, timeoutInMs: 10000};\n\n                repeatWithTimeout(isVideoPlaying, waitForVideoSettings)\n                    .then(() => doResolve(videoEl.parentElement))\n                    .catch(() => reject(new Error('Timeout while waiting for video to play')));\n            });\n        } else {\n            container.appendChild(videoEl);\n            //doResolve(videoEl);\n        }\n    });\n}\n\nexport function removeVideoElementFromDom(videoEl: HTMLVideoElement): Promise<void> {\n    return new Promise((resolve) => {\n        if (isIE11 && (window as any).WebRTCAdapter) {\n            (window as any).WebRTCAdapter.unBindVideoElement(videoEl);\n            if (videoEl && videoEl.parentNode && videoEl.parentNode.removeChild) {\n                videoEl.parentNode.removeChild(videoEl);\n                trace.info('Video element removed successfully');\n            } else {\n                trace.warn('Video element not removed', videoEl, videoEl.parentNode);\n            }\n        } else {\n            videoEl.remove();\n        }\n\n        resolve();\n    });\n}\n\nconst defaultSnapshot: SnapshotOptions = {\n    format: 'image/png',\n    quality: 0.92\n};\n\nexport function getSnapshotFromMediaStream(\n    mediaStream: MediaStream,\n    sourceStream: KnownMediaStream,\n    snapshotOptions: SnapshotOptions = defaultSnapshot\n): Promise<string> {\n    const {format, quality, x, y, w, h} = snapshotOptions;\n    const crop = !isUndefined(x) && !isUndefined(y) && !isUndefined(w) && !isUndefined(h);\n    const resize = !crop && (!isUndefined(w) || !isUndefined(h));\n\n    return new Promise((resolve, reject) => {\n        const tempContainer = document.createElement('div');\n\n        tempContainer.style.cssText = 'position:absolute;left: -10000px;';\n        document.body.appendChild(tempContainer);\n\n        const doneFn = (err: any, image?: any): void => {\n            if (err) {\n                reject(err);\n\n                return;\n            }\n\n            setTimeout(() => {\n                document.body.removeChild(tempContainer);\n                if (!err) {\n                    resolve(image);\n                }\n            }, 50);\n        };\n\n        renderMediaStreamToVideoEl(tempContainer, mediaStream, sourceStream)\n            .then((videoElement) =>\n                Promise.resolve(isIE11 ? getImgDataIE11(videoElement) : getImgData(videoElement)).then(\n                    (imgData: any) => {\n                        if (!imgData || imgData.length < 10) {\n                            throw new Error('Failed to create a snapshot - imgData is null or empty');\n                        }\n\n                        doneFn(null, imgData);\n                    }\n                )\n            )\n            .catch((error) => {\n                // eslint-disable-next-line prettier/prettier\n                doneFn(error || new Error('Failed to create a snapshot - can\\'t render MediaStream To VideoEl'));\n            });\n    });\n\n    //Gets image in all browsers except of IE\n    function getImgData(videoElement: HTMLVideoElement): string {\n        const {videoWidth, videoHeight} = videoElement;\n        const canvas = document.createElement('canvas');\n        const ctx = canvas.getContext('2d')!;\n\n        if (crop) {\n            canvas.width = w;\n            canvas.height = h;\n\n            ctx.drawImage(videoElement, x, y, w, h, 0, 0, w, h);\n        } else if (resize) {\n            canvas.width = w;\n            canvas.height = h;\n\n            ctx.drawImage(videoElement, 0, 0, w, h);\n        } else {\n            canvas.height = videoHeight;\n            canvas.width = videoWidth;\n\n            ctx.drawImage(videoElement, 0, 0);\n        }\n\n        return canvas.toDataURL(format, quality);\n    }\n\n    //Gets image in IE browser. There should be TechSee IE11 plugin or OpenTok plugin installed.\n    function getImgDataIE11(videoElement: any): Promise<string> {\n        return new Promise((resolve) => {\n            const {videoWidth, videoHeight} = videoElement;\n            const canvas = document.createElement('canvas');\n            const ctx = canvas.getContext('2d')!;\n\n            if (crop || resize) {\n                canvas.width = w;\n                canvas.height = h;\n            } else {\n                canvas.height = videoHeight;\n                canvas.width = videoWidth;\n            }\n\n            function _drawAndRemove(image: any): string {\n                if (crop) {\n                    ctx.drawImage(image, x, y, w, h, 0, 0, w, h);\n                } else if (resize) {\n                    ctx.drawImage(image, 0, 0, w, h);\n                } else {\n                    ctx.drawImage(image, 0, 0, videoWidth, videoHeight);\n                }\n\n                return canvas.toDataURL(format, quality);\n            }\n\n            const base64 = videoElement.getFrame();\n            const image = new Image();\n\n            image.onload = () => resolve(_drawAndRemove(image));\n            image.setAttribute('src', 'data:image/bmp;base64,' + base64);\n        });\n    }\n}\n"]}

package/lib/MediaUtils/MediaDomUtils.js

@@ -190,7 +190,8 @@ function getSnapshotFromMediaStream(mediaStream, sourceStream, snapshotOptions)
         doneFn(null, imgData);
       });
     })["catch"](function (error) {
-      doneFn(error || new Error('Failed to create a snapshot - can\'t render MediaStream To VideoEl '));
+      // eslint-disable-next-line prettier/prettier
+      doneFn(error || new Error('Failed to create a snapshot - can\'t render MediaStream To VideoEl'));
     });
   }); //Gets image in all browsers except of IE
 

package/lib/MediaUtils/MediaDomUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MediaUtils/MediaDomUtils.js"],"names":["__importDefault","mod","__esModule","Object","defineProperty","exports","value","getSnapshotFromMediaStream","removeVideoElementFromDom","renderMediaStreamToVideoEl","isUndefined_1","require","ts_environment_detect_1","retry_with_timeout_1","MediaTracer_1","MediaConstants_1","trace","getMediaTracer","isIE11","TsEnvironmentDetect","container","mediaStream","streamType","Promise","resolve","reject","document","body","contains","Error","doResolve","videoEl","info","createElement","muted","playsInline","window","WebRTCAdapter","appendChild","bindVideoElement","srcObject","addEventListener","KnownMediaStream","USER_AUDIO_STREAM","AGENT_AUDIO_STREAM","OBSERVER_AUDIO_STREAM","indexOf","play","setAttribute","playRes","then","error","handleComplete","parentElement","tagName","waitForObjectSettings","intervalInMs","timeoutInMs","repeatWithTimeout","isVideoPlaying","videoHeight","videoWidth","waitForVideoSettings","unBindVideoElement","parentNode","removeChild","warn","remove","defaultSnapshot","format","quality","sourceStream","snapshotOptions","x","y","w","h","crop","resize","tempContainer","style","cssText","doneFn","err","image","setTimeout","videoElement","getImgDataIE11","getImgData","imgData","length","canvas","ctx","getContext","width","height","drawImage","toDataURL","_drawAndRemove","base64","getFrame","Image","onload"],"mappings":"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","file":"MediaDomUtils.js","sourcesContent":["\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.getSnapshotFromMediaStream = exports.removeVideoElementFromDom = exports.renderMediaStreamToVideoEl = void 0;\nvar isUndefined_1 = __importDefault(require(\"lodash/isUndefined\"));\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\nvar ts_environment_detect_1 = require(\"@techsee/techsee-common/lib/helpers/ts-environment-detect\");\nvar retry_with_timeout_1 = require(\"@techsee/techsee-common/lib/core/retry-with-timeout\");\nvar MediaTracer_1 = require(\"./MediaTracer\");\nvar MediaConstants_1 = require(\"../MediaConstants\");\nvar trace = MediaTracer_1.getMediaTracer('DomUtils');\nvar isIE11 = (new ts_environment_detect_1.TsEnvironmentDetect()).isIE11();\nfunction renderMediaStreamToVideoEl(container, mediaStream, streamType) {\n    return new Promise(function (resolve, reject) {\n        if (!document.body.contains(container)) {\n            reject(new Error('Cannot render to container that is not attached to dom'));\n            return;\n        }\n        var doResolve = function (videoEl) {\n            trace.info('Video element created successfully', { videoEl: videoEl });\n            resolve(videoEl);\n        };\n        var videoEl = document.createElement('video');\n        videoEl.muted = true;\n        videoEl.playsInline = true;\n        if (isIE11 && window.WebRTCAdapter) {\n            container.appendChild(videoEl);\n            window.WebRTCAdapter.bindVideoElement(videoEl);\n        }\n        videoEl.srcObject = mediaStream;\n        // When unplugged the headphones in ios the video element got paused.\n        videoEl.addEventListener('pause', function () {\n            if ([MediaConstants_1.KnownMediaStream.USER_AUDIO_STREAM, MediaConstants_1.KnownMediaStream.AGENT_AUDIO_STREAM, MediaConstants_1.KnownMediaStream.OBSERVER_AUDIO_STREAM]\n                .indexOf(streamType) > -1) {\n                trace.info('Video element got paused. IOS headphones disconnected');\n                videoEl.play();\n            }\n        });\n        if (!isIE11) {\n            // Hack to override behavior introduced by Chrome/FF that unmuted video elements can't auto play\n            videoEl.setAttribute('muted', '');\n        }\n        try {\n            var playRes = videoEl.play();\n            if (playRes && playRes.then) {\n                playRes.then(function () {\n                    trace.info('Video element play success');\n                    if (!isIE11) {\n                        doResolve(videoEl);\n                    }\n                });\n            }\n            else if (!isIE11) {\n                doResolve(videoEl);\n            }\n            if (playRes && playRes.catch) {\n                playRes.catch(function (error) {\n                    trace.error('Reject while executing play method on video element', error);\n                    reject(error);\n                });\n            }\n        }\n        catch (error) {\n            reject(error);\n            trace.error('Error while executing play method on video element', error);\n            return;\n        }\n        if (isIE11) {\n            var handleComplete = function () { return videoEl.parentElement.tagName !== 'OBJECT'; };\n            var waitForObjectSettings = { intervalInMs: 30, timeoutInMs: 200 };\n            retry_with_timeout_1.repeatWithTimeout(handleComplete, waitForObjectSettings)\n                .then(function () {\n                //We will wait, until video is played, then we resolve\n                var isVideoPlaying = function () { return videoEl.videoHeight <= 0 || videoEl.videoWidth <= 0; };\n                var waitForVideoSettings = { intervalInMs: 50, timeoutInMs: 10000 };\n                retry_with_timeout_1.repeatWithTimeout(isVideoPlaying, waitForVideoSettings)\n                    .then(function () { return doResolve(videoEl.parentElement); })\n                    .catch(function () { return reject(new Error('Timeout while waiting for video to play')); });\n            });\n        }\n        else {\n            container.appendChild(videoEl);\n            //doResolve(videoEl);\n        }\n    });\n}\nexports.renderMediaStreamToVideoEl = renderMediaStreamToVideoEl;\nfunction removeVideoElementFromDom(videoEl) {\n    return new Promise(function (resolve) {\n        if (isIE11 && window.WebRTCAdapter) {\n            window.WebRTCAdapter.unBindVideoElement(videoEl);\n            if (videoEl && videoEl.parentNode && videoEl.parentNode.removeChild) {\n                videoEl.parentNode.removeChild(videoEl);\n                trace.info('Video element removed successfully');\n            }\n            else {\n                trace.warn('Video element not removed', videoEl, videoEl.parentNode);\n            }\n        }\n        else {\n            videoEl.remove();\n        }\n        resolve();\n    });\n}\nexports.removeVideoElementFromDom = removeVideoElementFromDom;\nvar defaultSnapshot = {\n    format: 'image/png',\n    quality: 0.92\n};\nfunction getSnapshotFromMediaStream(mediaStream, sourceStream, snapshotOptions) {\n    if (snapshotOptions === void 0) { snapshotOptions = defaultSnapshot; }\n    var format = snapshotOptions.format, quality = snapshotOptions.quality, x = snapshotOptions.x, y = snapshotOptions.y, w = snapshotOptions.w, h = snapshotOptions.h;\n    var crop = !isUndefined_1.default(x) && !isUndefined_1.default(y) && !isUndefined_1.default(w) && !isUndefined_1.default(h);\n    var resize = !crop && (!isUndefined_1.default(w) || !isUndefined_1.default(h));\n    return new Promise(function (resolve, reject) {\n        var tempContainer = document.createElement('div');\n        tempContainer.style.cssText = 'position:absolute;left: -10000px;';\n        document.body.appendChild(tempContainer);\n        var doneFn = function (err, image) {\n            if (err) {\n                reject(err);\n                return;\n            }\n            setTimeout(function () {\n                document.body.removeChild(tempContainer);\n                if (!err) {\n                    resolve(image);\n                }\n            }, 50);\n        };\n        renderMediaStreamToVideoEl(tempContainer, mediaStream, sourceStream)\n            .then(function (videoElement) { return Promise.resolve(isIE11 ? getImgDataIE11(videoElement) : getImgData(videoElement))\n            .then(function (imgData) {\n            if (!imgData || imgData.length < 10) {\n                throw new Error('Failed to create a snapshot - imgData is null or empty');\n            }\n            doneFn(null, imgData);\n        }); })\n            .catch(function (error) {\n            doneFn(error || new Error('Failed to create a snapshot - can\\'t render MediaStream To VideoEl '));\n        });\n    });\n    //Gets image in all browsers except of IE\n    function getImgData(videoElement) {\n        var videoWidth = videoElement.videoWidth, videoHeight = videoElement.videoHeight;\n        var canvas = document.createElement('canvas');\n        var ctx = canvas.getContext('2d');\n        if (crop) {\n            canvas.width = w;\n            canvas.height = h;\n            ctx.drawImage(videoElement, x, y, w, h, 0, 0, w, h);\n        }\n        else if (resize) {\n            canvas.width = w;\n            canvas.height = h;\n            ctx.drawImage(videoElement, 0, 0, w, h);\n        }\n        else {\n            canvas.height = videoHeight;\n            canvas.width = videoWidth;\n            ctx.drawImage(videoElement, 0, 0);\n        }\n        return canvas.toDataURL(format, quality);\n    }\n    //Gets image in IE browser. There should be TechSee IE11 plugin or OpenTok plugin installed.\n    function getImgDataIE11(videoElement) {\n        return new Promise(function (resolve) {\n            var videoWidth = videoElement.videoWidth, videoHeight = videoElement.videoHeight;\n            var canvas = document.createElement('canvas');\n            var ctx = canvas.getContext('2d');\n            if (crop || resize) {\n                canvas.width = w;\n                canvas.height = h;\n            }\n            else {\n                canvas.height = videoHeight;\n                canvas.width = videoWidth;\n            }\n            function _drawAndRemove(image) {\n                if (crop) {\n                    ctx.drawImage(image, x, y, w, h, 0, 0, w, h);\n                }\n                else if (resize) {\n                    ctx.drawImage(image, 0, 0, w, h);\n                }\n                else {\n                    ctx.drawImage(image, 0, 0, videoWidth, videoHeight);\n                }\n                return canvas.toDataURL(format, quality);\n            }\n            var base64 = videoElement.getFrame();\n            var image = new Image();\n            image.onload = function () { return resolve(_drawAndRemove(image)); };\n            image.setAttribute('src', 'data:image/bmp;base64,' + base64);\n        });\n    }\n}\nexports.getSnapshotFromMediaStream = getSnapshotFromMediaStream;\n\n//# sourceMappingURL=MediaDomUtils.js.map\n"]}
+{"version":3,"sources":["MediaUtils/MediaDomUtils.js"],"names":["__importDefault","mod","__esModule","Object","defineProperty","exports","value","getSnapshotFromMediaStream","removeVideoElementFromDom","renderMediaStreamToVideoEl","isUndefined_1","require","ts_environment_detect_1","retry_with_timeout_1","MediaTracer_1","MediaConstants_1","trace","getMediaTracer","isIE11","TsEnvironmentDetect","container","mediaStream","streamType","Promise","resolve","reject","document","body","contains","Error","doResolve","videoEl","info","createElement","muted","playsInline","window","WebRTCAdapter","appendChild","bindVideoElement","srcObject","addEventListener","KnownMediaStream","USER_AUDIO_STREAM","AGENT_AUDIO_STREAM","OBSERVER_AUDIO_STREAM","indexOf","play","setAttribute","playRes","then","error","handleComplete","parentElement","tagName","waitForObjectSettings","intervalInMs","timeoutInMs","repeatWithTimeout","isVideoPlaying","videoHeight","videoWidth","waitForVideoSettings","unBindVideoElement","parentNode","removeChild","warn","remove","defaultSnapshot","format","quality","sourceStream","snapshotOptions","x","y","w","h","crop","resize","tempContainer","style","cssText","doneFn","err","image","setTimeout","videoElement","getImgDataIE11","getImgData","imgData","length","canvas","ctx","getContext","width","height","drawImage","toDataURL","_drawAndRemove","base64","getFrame","Image","onload"],"mappings":"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","file":"MediaDomUtils.js","sourcesContent":["\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.getSnapshotFromMediaStream = exports.removeVideoElementFromDom = exports.renderMediaStreamToVideoEl = void 0;\nvar isUndefined_1 = __importDefault(require(\"lodash/isUndefined\"));\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\nvar ts_environment_detect_1 = require(\"@techsee/techsee-common/lib/helpers/ts-environment-detect\");\nvar retry_with_timeout_1 = require(\"@techsee/techsee-common/lib/core/retry-with-timeout\");\nvar MediaTracer_1 = require(\"./MediaTracer\");\nvar MediaConstants_1 = require(\"../MediaConstants\");\nvar trace = MediaTracer_1.getMediaTracer('DomUtils');\nvar isIE11 = new ts_environment_detect_1.TsEnvironmentDetect().isIE11();\nfunction renderMediaStreamToVideoEl(container, mediaStream, streamType) {\n    return new Promise(function (resolve, reject) {\n        if (!document.body.contains(container)) {\n            reject(new Error('Cannot render to container that is not attached to dom'));\n            return;\n        }\n        var doResolve = function (videoEl) {\n            trace.info('Video element created successfully', { videoEl: videoEl });\n            resolve(videoEl);\n        };\n        var videoEl = document.createElement('video');\n        videoEl.muted = true;\n        videoEl.playsInline = true;\n        if (isIE11 && window.WebRTCAdapter) {\n            container.appendChild(videoEl);\n            window.WebRTCAdapter.bindVideoElement(videoEl);\n        }\n        videoEl.srcObject = mediaStream;\n        // When unplugged the headphones in ios the video element got paused.\n        videoEl.addEventListener('pause', function () {\n            if ([\n                MediaConstants_1.KnownMediaStream.USER_AUDIO_STREAM,\n                MediaConstants_1.KnownMediaStream.AGENT_AUDIO_STREAM,\n                MediaConstants_1.KnownMediaStream.OBSERVER_AUDIO_STREAM\n            ].indexOf(streamType) > -1) {\n                trace.info('Video element got paused. IOS headphones disconnected');\n                videoEl.play();\n            }\n        });\n        if (!isIE11) {\n            // Hack to override behavior introduced by Chrome/FF that unmuted video elements can't auto play\n            videoEl.setAttribute('muted', '');\n        }\n        try {\n            var playRes = videoEl.play();\n            if (playRes && playRes.then) {\n                playRes.then(function () {\n                    trace.info('Video element play success');\n                    if (!isIE11) {\n                        doResolve(videoEl);\n                    }\n                });\n            }\n            else if (!isIE11) {\n                doResolve(videoEl);\n            }\n            if (playRes && playRes.catch) {\n                playRes.catch(function (error) {\n                    trace.error('Reject while executing play method on video element', error);\n                    reject(error);\n                });\n            }\n        }\n        catch (error) {\n            reject(error);\n            trace.error('Error while executing play method on video element', error);\n            return;\n        }\n        if (isIE11) {\n            var handleComplete = function () { return videoEl.parentElement.tagName !== 'OBJECT'; };\n            var waitForObjectSettings = { intervalInMs: 30, timeoutInMs: 200 };\n            retry_with_timeout_1.repeatWithTimeout(handleComplete, waitForObjectSettings).then(function () {\n                //We will wait, until video is played, then we resolve\n                var isVideoPlaying = function () { return videoEl.videoHeight <= 0 || videoEl.videoWidth <= 0; };\n                var waitForVideoSettings = { intervalInMs: 50, timeoutInMs: 10000 };\n                retry_with_timeout_1.repeatWithTimeout(isVideoPlaying, waitForVideoSettings)\n                    .then(function () { return doResolve(videoEl.parentElement); })\n                    .catch(function () { return reject(new Error('Timeout while waiting for video to play')); });\n            });\n        }\n        else {\n            container.appendChild(videoEl);\n            //doResolve(videoEl);\n        }\n    });\n}\nexports.renderMediaStreamToVideoEl = renderMediaStreamToVideoEl;\nfunction removeVideoElementFromDom(videoEl) {\n    return new Promise(function (resolve) {\n        if (isIE11 && window.WebRTCAdapter) {\n            window.WebRTCAdapter.unBindVideoElement(videoEl);\n            if (videoEl && videoEl.parentNode && videoEl.parentNode.removeChild) {\n                videoEl.parentNode.removeChild(videoEl);\n                trace.info('Video element removed successfully');\n            }\n            else {\n                trace.warn('Video element not removed', videoEl, videoEl.parentNode);\n            }\n        }\n        else {\n            videoEl.remove();\n        }\n        resolve();\n    });\n}\nexports.removeVideoElementFromDom = removeVideoElementFromDom;\nvar defaultSnapshot = {\n    format: 'image/png',\n    quality: 0.92\n};\nfunction getSnapshotFromMediaStream(mediaStream, sourceStream, snapshotOptions) {\n    if (snapshotOptions === void 0) { snapshotOptions = defaultSnapshot; }\n    var format = snapshotOptions.format, quality = snapshotOptions.quality, x = snapshotOptions.x, y = snapshotOptions.y, w = snapshotOptions.w, h = snapshotOptions.h;\n    var crop = !isUndefined_1.default(x) && !isUndefined_1.default(y) && !isUndefined_1.default(w) && !isUndefined_1.default(h);\n    var resize = !crop && (!isUndefined_1.default(w) || !isUndefined_1.default(h));\n    return new Promise(function (resolve, reject) {\n        var tempContainer = document.createElement('div');\n        tempContainer.style.cssText = 'position:absolute;left: -10000px;';\n        document.body.appendChild(tempContainer);\n        var doneFn = function (err, image) {\n            if (err) {\n                reject(err);\n                return;\n            }\n            setTimeout(function () {\n                document.body.removeChild(tempContainer);\n                if (!err) {\n                    resolve(image);\n                }\n            }, 50);\n        };\n        renderMediaStreamToVideoEl(tempContainer, mediaStream, sourceStream)\n            .then(function (videoElement) {\n            return Promise.resolve(isIE11 ? getImgDataIE11(videoElement) : getImgData(videoElement)).then(function (imgData) {\n                if (!imgData || imgData.length < 10) {\n                    throw new Error('Failed to create a snapshot - imgData is null or empty');\n                }\n                doneFn(null, imgData);\n            });\n        })\n            .catch(function (error) {\n            // eslint-disable-next-line prettier/prettier\n            doneFn(error || new Error('Failed to create a snapshot - can\\'t render MediaStream To VideoEl'));\n        });\n    });\n    //Gets image in all browsers except of IE\n    function getImgData(videoElement) {\n        var videoWidth = videoElement.videoWidth, videoHeight = videoElement.videoHeight;\n        var canvas = document.createElement('canvas');\n        var ctx = canvas.getContext('2d');\n        if (crop) {\n            canvas.width = w;\n            canvas.height = h;\n            ctx.drawImage(videoElement, x, y, w, h, 0, 0, w, h);\n        }\n        else if (resize) {\n            canvas.width = w;\n            canvas.height = h;\n            ctx.drawImage(videoElement, 0, 0, w, h);\n        }\n        else {\n            canvas.height = videoHeight;\n            canvas.width = videoWidth;\n            ctx.drawImage(videoElement, 0, 0);\n        }\n        return canvas.toDataURL(format, quality);\n    }\n    //Gets image in IE browser. There should be TechSee IE11 plugin or OpenTok plugin installed.\n    function getImgDataIE11(videoElement) {\n        return new Promise(function (resolve) {\n            var videoWidth = videoElement.videoWidth, videoHeight = videoElement.videoHeight;\n            var canvas = document.createElement('canvas');\n            var ctx = canvas.getContext('2d');\n            if (crop || resize) {\n                canvas.width = w;\n                canvas.height = h;\n            }\n            else {\n                canvas.height = videoHeight;\n                canvas.width = videoWidth;\n            }\n            function _drawAndRemove(image) {\n                if (crop) {\n                    ctx.drawImage(image, x, y, w, h, 0, 0, w, h);\n                }\n                else if (resize) {\n                    ctx.drawImage(image, 0, 0, w, h);\n                }\n                else {\n                    ctx.drawImage(image, 0, 0, videoWidth, videoHeight);\n                }\n                return canvas.toDataURL(format, quality);\n            }\n            var base64 = videoElement.getFrame();\n            var image = new Image();\n            image.onload = function () { return resolve(_drawAndRemove(image)); };\n            image.setAttribute('src', 'data:image/bmp;base64,' + base64);\n        });\n    }\n}\nexports.getSnapshotFromMediaStream = getSnapshotFromMediaStream;\n\n//# sourceMappingURL=MediaDomUtils.js.map\n"]}

package/lib/MultiParty/Contracts.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MultiParty/Contracts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAE1E,oBAAY,WAAW,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,oBAAY,gBAAgB,GAAG;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC1B,cAAc,EAAE,qBAAqB,CAAC;IACtC,aAAa,EAAE,OAAO,CAAA;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAC9B,CAAA","file":"Contracts.d.ts","sourcesContent":["import {MultiPartyCameraTypes, MediaServiceType} from '../MediaConstants';\n\nexport type Credentials = {\n    apiKey: string,\n    sessionId: string,\n    token: string\n}\n\nexport type BrandingSettings = {\n    backgroundImageURI?: string;\n};\n\nexport type SessionSettings = {\n    selectedCamera: MultiPartyCameraTypes,\n    cameraEnabled: boolean\n    startWithAudioMuted: boolean,\n    mediaServiceType: MediaServiceType,\n    branding?: BrandingSettings\n}\n"]}
+{"version":3,"sources":["../src/MultiParty/Contracts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAE1E,oBAAY,WAAW,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC1B,cAAc,EAAE,qBAAqB,CAAC;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC","file":"Contracts.d.ts","sourcesContent":["import {MultiPartyCameraTypes, MediaServiceType} from '../MediaConstants';\n\nexport type Credentials = {\n    apiKey: string;\n    sessionId: string;\n    token: string;\n};\n\nexport type BrandingSettings = {\n    backgroundImageURI?: string;\n};\n\nexport type SessionSettings = {\n    selectedCamera: MultiPartyCameraTypes;\n    cameraEnabled: boolean;\n    startWithAudioMuted: boolean;\n    mediaServiceType: MediaServiceType;\n    branding?: BrandingSettings;\n};\n"]}

package/lib/MultiParty/DetectWebRtcService.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MultiParty/DetectWebRtcService.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,uDAAuD,CAAC;AAKvF,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAE7C,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAEzD,IAAI,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC5B,aAAa,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAAC;CAC9C;AAED,qBAAa,mBAAoB,YAAW,eAAe;IACvD,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAgC;IAC/D,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAS;gBAElC,mBAAmB,EAAE,MAAM;IAMvC,aAAa,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAsC1C,OAAO,CAAC,MAAM,CAAC,gBAAgB;CASlC","file":"DetectWebRtcService.d.ts","sourcesContent":["import {Nullable} from '@techsee/techsee-common';\nimport {ClientWebRtcInfo} from '@techsee/techsee-common/lib/data-contracts/ClientInfo';\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport detectRTC from '@techsee/techsee-common/lib/detectrtc.js';\n\nexport const DETECT_RTC_ADVISED_TIMEOUT = 20;\n\nexport interface WebRtcNativeService extends ClientWebRtcInfo {\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    load(doneCb: Function): void;\n}\n\nexport interface IWebRtcDetector {\n    getWebRtcInfo(): Promise<ClientWebRtcInfo>;\n}\n\nexport class DetectWebRtcService implements IWebRtcDetector {\n    private _cachedResult: Nullable<ClientWebRtcInfo>;\n    private readonly _nativeService: Nullable<WebRtcNativeService>;\n    private readonly _detectionTimeoutSec: number;\n\n    constructor(detectionTimeoutSec: number) {\n        this._cachedResult = null;\n        this._nativeService = detectRTC;\n        this._detectionTimeoutSec = detectionTimeoutSec * 1000;\n    }\n\n    getWebRtcInfo(): Promise<ClientWebRtcInfo> {\n        if (this._cachedResult) {\n            return Promise.resolve(this._cachedResult);\n        }\n\n        if (!this._nativeService) {\n            this._cachedResult = DetectWebRtcService.getDefaultResult();\n\n            return Promise.resolve(this._cachedResult);\n        }\n\n        return new Promise((resolve) => {\n            let timeoutPtr: any = setTimeout(() => {\n                timeoutPtr = null;\n                this._cachedResult = DetectWebRtcService.getDefaultResult();\n                resolve(this._cachedResult);\n            }, this._detectionTimeoutSec);\n\n            this._nativeService!.load(() => {\n                if (timeoutPtr === null) {\n                    return;\n                }\n\n                clearTimeout(timeoutPtr);\n\n                this._cachedResult = {\n                    isWebRTCSupported: this._nativeService!.isWebRTCSupported,\n                    isWebsiteHasWebcamPermissions: this._nativeService!.isWebsiteHasWebcamPermissions,\n                    isWebsiteHasMicrophonePermissions: this._nativeService!.isWebsiteHasMicrophonePermissions,\n                    isGetUserMediaSupported: this._nativeService!.isGetUserMediaSupported,\n                    isApplyConstraintsSupported: this._nativeService!.isApplyConstraintsSupported\n                };\n\n                resolve(this._cachedResult);\n            });\n        });\n    }\n\n    private static getDefaultResult() {\n        return {\n            isWebRTCSupported: false,\n            isWebsiteHasWebcamPermissions: false,\n            isWebsiteHasMicrophonePermissions: false,\n            isGetUserMediaSupported: false,\n            isApplyConstraintsSupported: false\n        };\n    }\n}\n"]}
+{"version":3,"sources":["../src/MultiParty/DetectWebRtcService.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,uDAAuD,CAAC;AAKvF,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAE7C,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAEzD,IAAI,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC5B,aAAa,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAAC;CAC9C;AAED,qBAAa,mBAAoB,YAAW,eAAe;IACvD,OAAO,CAAC,aAAa,CAA6B;IAElD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAgC;IAE/D,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAS;gBAElC,mBAAmB,EAAE,MAAM;IAMvC,aAAa,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAsC1C,OAAO,CAAC,MAAM,CAAC,gBAAgB;CASlC","file":"DetectWebRtcService.d.ts","sourcesContent":["import {Nullable} from '@techsee/techsee-common';\nimport {ClientWebRtcInfo} from '@techsee/techsee-common/lib/data-contracts/ClientInfo';\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport detectRTC from '@techsee/techsee-common/lib/detectrtc.js';\n\nexport const DETECT_RTC_ADVISED_TIMEOUT = 20;\n\nexport interface WebRtcNativeService extends ClientWebRtcInfo {\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    load(doneCb: Function): void;\n}\n\nexport interface IWebRtcDetector {\n    getWebRtcInfo(): Promise<ClientWebRtcInfo>;\n}\n\nexport class DetectWebRtcService implements IWebRtcDetector {\n    private _cachedResult: Nullable<ClientWebRtcInfo>;\n\n    private readonly _nativeService: Nullable<WebRtcNativeService>;\n\n    private readonly _detectionTimeoutSec: number;\n\n    constructor(detectionTimeoutSec: number) {\n        this._cachedResult = null;\n        this._nativeService = detectRTC;\n        this._detectionTimeoutSec = detectionTimeoutSec * 1000;\n    }\n\n    getWebRtcInfo(): Promise<ClientWebRtcInfo> {\n        if (this._cachedResult) {\n            return Promise.resolve(this._cachedResult);\n        }\n\n        if (!this._nativeService) {\n            this._cachedResult = DetectWebRtcService.getDefaultResult();\n\n            return Promise.resolve(this._cachedResult);\n        }\n\n        return new Promise((resolve) => {\n            let timeoutPtr: any = setTimeout(() => {\n                timeoutPtr = null;\n                this._cachedResult = DetectWebRtcService.getDefaultResult();\n                resolve(this._cachedResult);\n            }, this._detectionTimeoutSec);\n\n            this._nativeService!.load(() => {\n                if (timeoutPtr === null) {\n                    return;\n                }\n\n                clearTimeout(timeoutPtr);\n\n                this._cachedResult = {\n                    isWebRTCSupported: this._nativeService!.isWebRTCSupported,\n                    isWebsiteHasWebcamPermissions: this._nativeService!.isWebsiteHasWebcamPermissions,\n                    isWebsiteHasMicrophonePermissions: this._nativeService!.isWebsiteHasMicrophonePermissions,\n                    isGetUserMediaSupported: this._nativeService!.isGetUserMediaSupported,\n                    isApplyConstraintsSupported: this._nativeService!.isApplyConstraintsSupported\n                };\n\n                resolve(this._cachedResult);\n            });\n        });\n    }\n\n    private static getDefaultResult() {\n        return {\n            isWebRTCSupported: false,\n            isWebsiteHasWebcamPermissions: false,\n            isWebsiteHasMicrophonePermissions: false,\n            isGetUserMediaSupported: false,\n            isApplyConstraintsSupported: false\n        };\n    }\n}\n"]}

package/lib/MultiParty/MediaCapabilitiesService.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MultiParty/MediaCapabilitiesService.ts"],"names":[],"mappings":"AA6BA,qBAAa,wBAAwB;IACjC,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAsB;IACxD,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAA+B;IAC/D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA2B;IAClD,OAAO,CAAC,MAAM,CAAC,WAAW,CAAyD;IACnF,OAAO,CAAC,MAAM,CAAC,cAAc,CAA8C;IAC3E,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAAU;IAC7C,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAS;IAC3C,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAAS;IAC5C,OAAO,CAAC,MAAM,CAAC,YAAY,CAAoC;IAE/D,OAAO,CAAC,kBAAkB,CAA6B;WAEnC,WAAW,IAAI,OAAO,CAAC,wBAAwB,CAAC;mBAoB/C,IAAI;IAmBlB,SAAS,IAAI,OAAO;IAIpB,aAAa,IAAI,OAAO;IAMxB,SAAS,IAAI,OAAO;IAIpB,wBAAwB,IAAI,OAAO;IAI1C,OAAO,CAAC,MAAM,CAAC,iBAAiB;WAaZ,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAWnD,IAAW,mBAAmB,YAE7B;IAED,IAAW,kBAAkB,WAE5B;IAED,IAAW,mBAAmB,WAE7B;CACJ","file":"MediaCapabilitiesService.d.ts","sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-var-requires\nimport {getMediaTracer} from '../MediaUtils/MediaTracer';\nimport {DETECT_RTC_ADVISED_TIMEOUT, DetectWebRtcService} from './DetectWebRtcService';\nimport {ClientWebRtcInfo} from '../MediaContracts';\nimport filter from 'lodash/filter';\nimport {TsEnvironmentDetect} from '@techsee/techsee-common/lib/helpers/ts-environment-detect';\nimport {CameraTypes} from '../MediaConstants';\nimport last from 'lodash/last';\nimport first from 'lodash/first';\nimport get from 'lodash/get';\nimport {Nullable} from '@techsee/techsee-common';\n\nconst trace = getMediaTracer('MediaCapabilitiesService');\n\nfunction enumerateMediaDevices(): Promise<MediaDeviceInfo[]> {\n    return new Promise((resolve, reject) => {\n        if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices) {\n            return navigator.mediaDevices.enumerateDevices().then(resolve).catch(reject);\n        }\n\n        return resolve([]);\n    });\n}\n\ntype GroupedDevices = {\n    video: Nullable<{ back?: MediaDeviceInfo; front?: MediaDeviceInfo }>;\n    audio: Nullable<MediaDeviceInfo>;\n}\n\nexport class MediaCapabilitiesService {\n    private static detectWebRtcService: DetectWebRtcService;\n    private static webRtcSupportInfo: ClientWebRtcInfo | undefined;\n    private static instance: MediaCapabilitiesService;\n    private static devicesList: { video: MediaDeviceInfo[]; audio: MediaDeviceInfo[] };\n    private static groupedDevices: GroupedDevices = {video: null, audio: null};\n    private static _supportSwitchCamera: boolean;\n    private static _backCameraDeviceId: string;\n    private static _frontCameraDeviceId: string;\n    private static _initPromise: Promise<MediaCapabilitiesService>;\n\n    private environmentService = new TsEnvironmentDetect();\n\n    public static async getInstance(): Promise<MediaCapabilitiesService> {\n        try {\n            if (this.instance) {\n                return this.instance;\n            }\n\n            if (this._initPromise) {\n                return this._initPromise;\n            }\n\n            this._initPromise = this.init();\n\n            return this._initPromise;\n        } catch (err) {\n            trace.error(JSON.stringify(err));\n\n            throw err;\n        }\n    }\n\n    private static async init(): Promise<MediaCapabilitiesService> {\n        try {\n            this.instance = new MediaCapabilitiesService();\n\n            this.detectWebRtcService = new DetectWebRtcService(DETECT_RTC_ADVISED_TIMEOUT);\n\n            this.webRtcSupportInfo = await this.detectWebRtcService.getWebRtcInfo();\n            await this.setDevicesList();\n\n            trace.info('initialize media capabilities helper successfully');\n\n            return this.instance;\n        } catch (err) {\n            trace.error(JSON.stringify(err));\n\n            throw err;\n        }\n    }\n\n    public hasCamera(): boolean {\n        return MediaCapabilitiesService.devicesList.video.length > 0 && this.hasGetUserMediaSupported();\n    }\n\n    public hasMicrophone(): boolean {\n        return this.environmentService.isIOS()\n            ? this.hasGetUserMediaSupported()\n            : MediaCapabilitiesService.devicesList.audio.length > 0 && this.hasGetUserMediaSupported();\n    }\n\n    public hasWebRTC(): boolean {\n        return MediaCapabilitiesService.webRtcSupportInfo!.isWebRTCSupported;\n    }\n\n    public hasGetUserMediaSupported(): boolean {\n        return MediaCapabilitiesService.webRtcSupportInfo!.isGetUserMediaSupported;\n    }\n\n    private static setGroupedDevices() {\n        trace.info('setGroupedDevices', this.devicesList);\n        this.groupedDevices = {\n            video: this.devicesList.video\n                ? {[CameraTypes.BACK]: last(this.devicesList.video), [CameraTypes.FRONT]: first(this.devicesList.video)}\n                : null,\n            audio: last(this.devicesList.audio) || null\n        };\n        this._supportSwitchCamera = this.devicesList.video.length > 1;\n        this._backCameraDeviceId = get(this.groupedDevices, `video.${CameraTypes.BACK}.deviceId`) || '';\n        this._frontCameraDeviceId = get(this.groupedDevices, `video.${CameraTypes.FRONT}.deviceId`) || '';\n    }\n\n    public static async setDevicesList(): Promise<void> {\n        const localDevicesList = this.webRtcSupportInfo!.isWebRTCSupported ? await enumerateMediaDevices() : [];\n\n        this.devicesList = {\n            video: filter(localDevicesList, (device) => device.kind.toLowerCase() === 'videoinput'),\n            audio: filter(localDevicesList, (device) => device.kind.toLowerCase() === 'audioinput')\n        };\n\n        this.setGroupedDevices();\n    }\n\n    public get supportSwitchCamera() {\n        return MediaCapabilitiesService._supportSwitchCamera;\n    }\n\n    public get backCameraDeviceId() {\n        return MediaCapabilitiesService._backCameraDeviceId;\n    }\n\n    public get frontCameraDeviceId() {\n        return MediaCapabilitiesService._frontCameraDeviceId;\n    }\n}\n"]}
+{"version":3,"sources":["../src/MultiParty/MediaCapabilitiesService.ts"],"names":[],"mappings":"AA6BA,qBAAa,wBAAwB;IACjC,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAsB;IAExD,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAA+B;IAE/D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA2B;IAElD,OAAO,CAAC,MAAM,CAAC,WAAW,CAAuD;IAEjF,OAAO,CAAC,MAAM,CAAC,cAAc,CAA8C;IAE3E,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAAU;IAE7C,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAS;IAE3C,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAAS;IAE5C,OAAO,CAAC,MAAM,CAAC,YAAY,CAAoC;IAE/D,OAAO,CAAC,kBAAkB,CAA6B;WAEnC,WAAW,IAAI,OAAO,CAAC,wBAAwB,CAAC;mBAoB/C,IAAI;IAmBlB,SAAS,IAAI,OAAO;IAIpB,aAAa,IAAI,OAAO;IAMxB,SAAS,IAAI,OAAO;IAIpB,wBAAwB,IAAI,OAAO;IAI1C,OAAO,CAAC,MAAM,CAAC,iBAAiB;WAaZ,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IAWnD,IAAW,mBAAmB,YAE7B;IAED,IAAW,kBAAkB,WAE5B;IAED,IAAW,mBAAmB,WAE7B;CACJ","file":"MediaCapabilitiesService.d.ts","sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-var-requires\nimport {getMediaTracer} from '../MediaUtils/MediaTracer';\nimport {DETECT_RTC_ADVISED_TIMEOUT, DetectWebRtcService} from './DetectWebRtcService';\nimport {ClientWebRtcInfo} from '../MediaContracts';\nimport filter from 'lodash/filter';\nimport {TsEnvironmentDetect} from '@techsee/techsee-common/lib/helpers/ts-environment-detect';\nimport {CameraTypes} from '../MediaConstants';\nimport last from 'lodash/last';\nimport first from 'lodash/first';\nimport get from 'lodash/get';\nimport {Nullable} from '@techsee/techsee-common';\n\nconst trace = getMediaTracer('MediaCapabilitiesService');\n\nfunction enumerateMediaDevices(): Promise<MediaDeviceInfo[]> {\n    return new Promise((resolve, reject) => {\n        if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices) {\n            return navigator.mediaDevices.enumerateDevices().then(resolve).catch(reject);\n        }\n\n        return resolve([]);\n    });\n}\n\ntype GroupedDevices = {\n    video: Nullable<{back?: MediaDeviceInfo; front?: MediaDeviceInfo}>;\n    audio: Nullable<MediaDeviceInfo>;\n};\n\nexport class MediaCapabilitiesService {\n    private static detectWebRtcService: DetectWebRtcService;\n\n    private static webRtcSupportInfo: ClientWebRtcInfo | undefined;\n\n    private static instance: MediaCapabilitiesService;\n\n    private static devicesList: {video: MediaDeviceInfo[]; audio: MediaDeviceInfo[]};\n\n    private static groupedDevices: GroupedDevices = {video: null, audio: null};\n\n    private static _supportSwitchCamera: boolean;\n\n    private static _backCameraDeviceId: string;\n\n    private static _frontCameraDeviceId: string;\n\n    private static _initPromise: Promise<MediaCapabilitiesService>;\n\n    private environmentService = new TsEnvironmentDetect();\n\n    public static async getInstance(): Promise<MediaCapabilitiesService> {\n        try {\n            if (this.instance) {\n                return this.instance;\n            }\n\n            if (this._initPromise) {\n                return await this._initPromise;\n            }\n\n            this._initPromise = this.init();\n\n            return await this._initPromise;\n        } catch (err) {\n            trace.error(JSON.stringify(err));\n\n            throw err;\n        }\n    }\n\n    private static async init(): Promise<MediaCapabilitiesService> {\n        try {\n            this.instance = new MediaCapabilitiesService();\n\n            this.detectWebRtcService = new DetectWebRtcService(DETECT_RTC_ADVISED_TIMEOUT);\n\n            this.webRtcSupportInfo = await this.detectWebRtcService.getWebRtcInfo();\n            await this.setDevicesList();\n\n            trace.info('initialize media capabilities helper successfully');\n\n            return this.instance;\n        } catch (err) {\n            trace.error(JSON.stringify(err));\n\n            throw err;\n        }\n    }\n\n    public hasCamera(): boolean {\n        return MediaCapabilitiesService.devicesList.video.length > 0 && this.hasGetUserMediaSupported();\n    }\n\n    public hasMicrophone(): boolean {\n        return this.environmentService.isIOS()\n            ? this.hasGetUserMediaSupported()\n            : MediaCapabilitiesService.devicesList.audio.length > 0 && this.hasGetUserMediaSupported();\n    }\n\n    public hasWebRTC(): boolean {\n        return MediaCapabilitiesService.webRtcSupportInfo!.isWebRTCSupported;\n    }\n\n    public hasGetUserMediaSupported(): boolean {\n        return MediaCapabilitiesService.webRtcSupportInfo!.isGetUserMediaSupported;\n    }\n\n    private static setGroupedDevices() {\n        trace.info('setGroupedDevices', this.devicesList);\n        this.groupedDevices = {\n            video: this.devicesList.video\n                ? {[CameraTypes.BACK]: last(this.devicesList.video), [CameraTypes.FRONT]: first(this.devicesList.video)}\n                : null,\n            audio: last(this.devicesList.audio) || null\n        };\n        this._supportSwitchCamera = this.devicesList.video.length > 1;\n        this._backCameraDeviceId = get(this.groupedDevices, `video.${CameraTypes.BACK}.deviceId`) || '';\n        this._frontCameraDeviceId = get(this.groupedDevices, `video.${CameraTypes.FRONT}.deviceId`) || '';\n    }\n\n    public static async setDevicesList(): Promise<void> {\n        const localDevicesList = this.webRtcSupportInfo!.isWebRTCSupported ? await enumerateMediaDevices() : [];\n\n        this.devicesList = {\n            video: filter(localDevicesList, (device) => device.kind.toLowerCase() === 'videoinput'),\n            audio: filter(localDevicesList, (device) => device.kind.toLowerCase() === 'audioinput')\n        };\n\n        this.setGroupedDevices();\n    }\n\n    public get supportSwitchCamera() {\n        return MediaCapabilitiesService._supportSwitchCamera;\n    }\n\n    public get backCameraDeviceId() {\n        return MediaCapabilitiesService._backCameraDeviceId;\n    }\n\n    public get frontCameraDeviceId() {\n        return MediaCapabilitiesService._frontCameraDeviceId;\n    }\n}\n"]}

package/lib/MultiParty/MediaCapabilitiesService.js

@@ -191,39 +191,58 @@ function () {
 
   MediaCapabilitiesService.getInstance = function () {
     return __awaiter(this, void 0, void 0, function () {
+      var err_1;
       return __generator(this, function (_a) {
-        try {
-          if (this.instance) {
+        switch (_a.label) {
+          case 0:
+            _a.trys.push([0, 4,, 5]);
+
+            if (this.instance) {
+              return [2
+              /*return*/
+              , this.instance];
+            }
+
+            if (!this._initPromise) return [3
+            /*break*/
+            , 2];
+            return [4
+            /*yield*/
+            , this._initPromise];
+
+          case 1:
             return [2
             /*return*/
-            , this.instance];
-          }
+            , _a.sent()];
 
-          if (this._initPromise) {
+          case 2:
+            this._initPromise = this.init();
+            return [4
+            /*yield*/
+            , this._initPromise];
+
+          case 3:
             return [2
             /*return*/
-            , this._initPromise];
-          }
-
-          this._initPromise = this.init();
-          return [2
-          /*return*/
-          , this._initPromise];
-        } catch (err) {
-          trace.error(JSON.stringify(err));
-          throw err;
-        }
+            , _a.sent()];
+
+          case 4:
+            err_1 = _a.sent();
+            trace.error(JSON.stringify(err_1));
+            throw err_1;
 
-        return [2
-        /*return*/
-        ];
+          case 5:
+            return [2
+            /*return*/
+            ];
+        }
       });
     });
   };
 
   MediaCapabilitiesService.init = function () {
     return __awaiter(this, void 0, void 0, function () {
-      var _a, err_1;
+      var _a, err_2;
 
       return __generator(this, function (_b) {
         switch (_b.label) {
@@ -252,9 +271,9 @@ function () {
             , this.instance];
 
           case 3:
-            err_1 = _b.sent();
-            trace.error(JSON.stringify(err_1));
-            throw err_1;
+            err_2 = _b.sent();
+            trace.error(JSON.stringify(err_2));
+            throw err_2;
 
           case 4:
             return [2