@techsee/techsee-media-service 0.7.6 → 0.7.8

package/lib/MediaSubscriber.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MediaSubscriber.js","../src/MediaSubscriber.ts"],"names":["Object","defineProperty","exports","value","events_1","require","MediaDomUtils_1","MediaConstants_1","MediaTracer_1","Compatibility_1","trace","getMediaTracer","privateEvents","TechseeMediaSubscriber","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","catch","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 });\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: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"container\", {\n        get: function () {\n            return this._subscriberParams.container;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"isPlaying\", {\n        get: function () {\n            return this._isPlaying;\n        },\n        enumerable: true,\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: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"hasAudio\", {\n        get: function () {\n            return this._hasAudio;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"hasVideo\", {\n        get: function () {\n            return this._hasVideo;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"mediaElement\", {\n        get: function () {\n            return this._mediaElement;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"videoWidth\", {\n        get: function () {\n            return this.mediaElement ? this.mediaElement.videoWidth : 0;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"videoHeight\", {\n        get: function () {\n            return this.mediaElement ? this.mediaElement.videoHeight : 0;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"renderWidth\", {\n        get: function () {\n            return this.container.offsetWidth;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"renderHeight\", {\n        get: function () {\n            return this.container.offsetHeight;\n        },\n        enumerable: true,\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); })\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        })\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: boolean = false;\n    private _isPlaying: boolean = false;\n    private _hasVideo: boolean = false;\n    private _hasAudio: boolean = 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))\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            .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","events_1","require","MediaDomUtils_1","MediaConstants_1","MediaTracer_1","Compatibility_1","trace","getMediaTracer","privateEvents","TechseeMediaSubscriber","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","catch","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 });\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: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"container\", {\n        get: function () {\n            return this._subscriberParams.container;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"isPlaying\", {\n        get: function () {\n            return this._isPlaying;\n        },\n        enumerable: true,\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: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"hasAudio\", {\n        get: function () {\n            return this._hasAudio;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"hasVideo\", {\n        get: function () {\n            return this._hasVideo;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"mediaElement\", {\n        get: function () {\n            return this._mediaElement;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"videoWidth\", {\n        get: function () {\n            return this.mediaElement ? this.mediaElement.videoWidth : 0;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"videoHeight\", {\n        get: function () {\n            return this.mediaElement ? this.mediaElement.videoHeight : 0;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"renderWidth\", {\n        get: function () {\n            return this.container.offsetWidth;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(TechseeMediaSubscriber.prototype, \"renderHeight\", {\n        get: function () {\n            return this.container.offsetHeight;\n        },\n        enumerable: true,\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); })\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: boolean = false;\n    private _isPlaying: boolean = false;\n    private _hasVideo: boolean = false;\n    private _hasAudio: boolean = 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))\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"]}

package/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@techsee/techsee-media-service",
-    "version": "0.7.6",
+    "version": "0.7.8",
     "description": "Techsee Media Service Client",
-    "author": "TechSee - Alex Danilov",
+    "author": "TechSee",
     "main": "lib/index.js",
     "scripts": {
         "preinstall": "npm update @techsee/techsee-common",
@@ -12,27 +12,44 @@
         "clean": "gulp --gulpfile ./.tools/build.js --clean",
         "lint": "./node_modules/.bin/eslint --ext .js --ext .jsx --ext .ts ./src ",
         "lint-fix": "./node_modules/.bin/eslint --ext .js --ext .jsx --ext .ts ./src --fix",
-        "tag": "git tag v$npm_package_version -f | git push -f --tags"
+        "tag": "git tag v$npm_package_version -f | git push -f --tags",
+        "demo": "start-storybook -p 9003 -c .storybook -s ./ && open http://localhost:9003/"
     },
     "dependencies": {
         "@techsee/kurento-utils-temasys-mod": "6.6.3-dev-3",
-        "@techsee/techsee-common": "~0.18.63",
+        "@techsee/techsee-common": "~0.18.94",
+        "bluebird": "~3.7.2",
         "kurento-utils": "6.6.2",
         "lodash": "4.13.1",
         "socket.io-client": "2.1.1",
         "webrtc-adapter": "6.3.0"
     },
     "devDependencies": {
+        "@storybook/addon-actions": "~5.2.8",
+        "@storybook/addon-info": "~3.4.12",
+        "@storybook/addon-knobs": "~3.4.12",
+        "@storybook/addon-options": "~3.4.12",
+        "@storybook/addon-storysource": "~5.2.8",
+        "@storybook/addon-viewport": "~5.2.8",
+        "@storybook/react": "~5.2.8",
+        "@types/bluebird": "~3.5.29",
+        "@types/jest": "~24.0.13",
         "@types/lodash": "~4.14.129",
         "@types/node": "~10.12.18",
-        "@types/jest": "~24.0.13",
         "@types/socket.io-client": "~1.4.32",
+        "@types/storybook__addon-actions": "~3.4.3",
+        "@types/storybook__react": "~3.0.9",
         "@typescript-eslint/eslint-plugin": "~1.5.0",
         "babel-core": "~6.26.3",
+        "babel-loader": "~7.1.5",
+        "babel-plugin-transform-class-properties": "~6.24.1",
         "babel-plugin-transform-decorators-legacy": "~1.3.5",
+        "babel-plugin-transform-runtime": "~6.23.0",
         "babel-preset-env": "~1.7.0",
         "babel-preset-es2015": "~6.24.1",
+        "babel-preset-react": "~6.24.1",
         "babel-preset-stage-3": "~6.24.1",
+        "babel-runtime": "~6.26.0",
         "del": "~4.1.1",
         "eslint": "~5.16.0",
         "eslint-plugin-import": "~2.16.0",
@@ -45,8 +62,12 @@
         "gulp-typescript": "~5.0.1",
         "jest": "~24.8.0",
         "merge-stream": "~1.0.1",
+        "open-browser-webpack-plugin": "0.0.5",
+        "react": "~16.12.0",
+        "react-dom": "~16.12.0",
         "socket.io": "~2.2.0",
         "ts-jest": "~24.0.2",
+        "ts-loader": "~6.2.1",
         "typescript": "~3.3.4000"
     },
     "license": "ISC",