@techsee/techsee-media-service 0.16.2 → 0.18.0

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;AAOlD,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,GAAG,OAAO,CAAC,gBAAgB,CAAC,CA8EzH;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBlF;AAOD,wBAAgB,0BAA0B,CAAC,WAAW,EAAE,WAAW,EAAE,eAAe,GAAE,eAAiC,GAAG,OAAO,CAAC,MAAM,CAAC,CAqGxI","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';\n\nconst trace = getMediaTracer('DomUtils');\n\nconst isIE11 = (new TsEnvironmentDetect()).isIE11();\n\nexport function renderMediaStreamToVideoEl(container: HTMLDivElement, mediaStream: MediaStream): 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        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, 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)\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;AAOlD,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAoFzH;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBlF;AAOD,wBAAgB,0BAA0B,CAAC,WAAW,EAAE,WAAW,EAAE,eAAe,GAAE,eAAiC,GAAG,OAAO,CAAC,MAAM,CAAC,CAqGxI","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';\n\nconst trace = getMediaTracer('DomUtils');\n\nconst isIE11 = (new TsEnvironmentDetect()).isIE11();\n\nexport function renderMediaStreamToVideoEl(container: HTMLDivElement, mediaStream: MediaStream): 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            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\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, 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)\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"]}

package/lib/MediaUtils/MediaDomUtils.js

@@ -31,6 +31,11 @@ function renderMediaStreamToVideoEl(container, mediaStream) {
             window.WebRTCAdapter.bindVideoElement(videoEl);
         }
         videoEl.srcObject = mediaStream;
+        // When unplugged the headphones in ios the video element got paused.
+        videoEl.addEventListener('pause', function () {
+            trace.info('Video element got paused. IOS headphones disconnected');
+            videoEl.play();
+        });
         if (!isIE11) {
             // Hack to override behavior introduced by Chrome/FF that unmuted video elements can't auto play
             videoEl.setAttribute('muted', '');

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","trace","getMediaTracer","isIE11","TsEnvironmentDetect","container","mediaStream","Promise","resolve","reject","document","body","contains","Error","doResolve","videoEl","info","createElement","muted","playsInline","window","WebRTCAdapter","appendChild","bindVideoElement","srcObject","setAttribute","playRes","play","then","catch","error","handleComplete","parentElement","tagName","waitForObjectSettings","intervalInMs","timeoutInMs","repeatWithTimeout","isVideoPlaying","videoHeight","videoWidth","waitForVideoSettings","unBindVideoElement","parentNode","removeChild","warn","remove","defaultSnapshot","format","quality","snapshotOptions","x","y","w","h","crop","default","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 trace = MediaTracer_1.getMediaTracer('DomUtils');\nvar isIE11 = (new ts_environment_detect_1.TsEnvironmentDetect()).isIE11();\nfunction renderMediaStreamToVideoEl(container, mediaStream) {\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        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, 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)\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","trace","getMediaTracer","isIE11","TsEnvironmentDetect","container","mediaStream","Promise","resolve","reject","document","body","contains","Error","doResolve","videoEl","info","createElement","muted","playsInline","window","WebRTCAdapter","appendChild","bindVideoElement","srcObject","addEventListener","play","setAttribute","playRes","then","catch","error","handleComplete","parentElement","tagName","waitForObjectSettings","intervalInMs","timeoutInMs","repeatWithTimeout","isVideoPlaying","videoHeight","videoWidth","waitForVideoSettings","unBindVideoElement","parentNode","removeChild","warn","remove","defaultSnapshot","format","quality","snapshotOptions","x","y","w","h","crop","default","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":"AAAA;;AACA,IAAIA,kBAAmB,aAAQ,UAAKA,eAAd,IAAkC,UAAUC,GAAV,EAAe;AACnE,WAAQA,OAAOA,IAAIC,UAAZ,GAA0BD,GAA1B,GAAgC,EAAE,WAAWA,GAAb,EAAvC;AACH,CAFD;AAGAE,OAAOC,cAAP,CAAsBC,OAAtB,EAA+B,YAA/B,EAA6C,EAAEC,OAAO,IAAT,EAA7C;AACAD,QAAQE,0BAAR,GAAqCF,QAAQG,yBAAR,GAAoCH,QAAQI,0BAAR,GAAqC,KAAK,CAAnH;AACA,IAAIC,gBAAgBV,gBAAgBW,QAAQ,oBAAR,CAAhB,CAApB;AACA;AACA;AACA,IAAIC,0BAA0BD,QAAQ,2DAAR,CAA9B;AACA,IAAIE,uBAAuBF,QAAQ,qDAAR,CAA3B;AACA,IAAIG,gBAAgBH,QAAQ,eAAR,CAApB;AACA,IAAII,QAAQD,cAAcE,cAAd,CAA6B,UAA7B,CAAZ;AACA,IAAIC,SAAU,IAAIL,wBAAwBM,mBAA5B,EAAD,CAAoDD,MAApD,EAAb;AACA,SAASR,0BAAT,CAAoCU,SAApC,EAA+CC,WAA/C,EAA4D;AACxD,WAAO,IAAIC,OAAJ,CAAY,UAAUC,OAAV,EAAmBC,MAAnB,EAA2B;AAC1C,YAAI,CAACC,SAASC,IAAT,CAAcC,QAAd,CAAuBP,SAAvB,CAAL,EAAwC;AACpCI,mBAAO,IAAII,KAAJ,CAAU,wDAAV,CAAP;AACA;AACH;AACD,YAAIC,YAAY,SAAZA,SAAY,CAAUC,OAAV,EAAmB;AAC/Bd,kBAAMe,IAAN,CAAW,oCAAX,EAAiD,EAAED,SAASA,OAAX,EAAjD;AACAP,oBAAQO,OAAR;AACH,SAHD;AAIA,YAAIA,UAAUL,SAASO,aAAT,CAAuB,OAAvB,CAAd;AACAF,gBAAQG,KAAR,GAAgB,IAAhB;AACAH,gBAAQI,WAAR,GAAsB,IAAtB;AACA,YAAIhB,UAAUiB,OAAOC,aAArB,EAAoC;AAChChB,sBAAUiB,WAAV,CAAsBP,OAAtB;AACAK,mBAAOC,aAAP,CAAqBE,gBAArB,CAAsCR,OAAtC;AACH;AACDA,gBAAQS,SAAR,GAAoBlB,WAApB;AACA;AACAS,gBAAQU,gBAAR,CAAyB,OAAzB,EAAkC,YAAY;AAC1CxB,kBAAMe,IAAN,CAAW,uDAAX;AACAD,oBAAQW,IAAR;AACH,SAHD;AAIA,YAAI,CAACvB,MAAL,EAAa;AACT;AACAY,oBAAQY,YAAR,CAAqB,OAArB,EAA8B,EAA9B;AACH;AACD,YAAI;AACA,gBAAIC,UAAUb,QAAQW,IAAR,EAAd;AACA,gBAAIE,WAAWA,QAAQC,IAAvB,EAA6B;AACzBD,wBAAQC,IAAR,CAAa,YAAY;AACrB5B,0BAAMe,IAAN,CAAW,4BAAX;AACA,wBAAI,CAACb,MAAL,EAAa;AACTW,kCAAUC,OAAV;AACH;AACJ,iBALD;AAMH,aAPD,MAQK,IAAI,CAACZ,MAAL,EAAa;AACdW,0BAAUC,OAAV;AACH;AACD,gBAAIa,WAAWA,QAAQE,KAAvB,EAA8B;AAC1BF,wBAAQE,KAAR,CAAc,UAAUC,KAAV,EAAiB;AAC3B9B,0BAAM8B,KAAN,CAAY,qDAAZ,EAAmEA,KAAnE;AACAtB,2BAAOsB,KAAP;AACH,iBAHD;AAIH;AACJ,SAnBD,CAoBA,OAAOA,KAAP,EAAc;AACVtB,mBAAOsB,KAAP;AACA9B,kBAAM8B,KAAN,CAAY,oDAAZ,EAAkEA,KAAlE;AACA;AACH;AACD,YAAI5B,MAAJ,EAAY;AACR,gBAAI6B,iBAAiB,SAAjBA,cAAiB,GAAY;AAAE,uBAAOjB,QAAQkB,aAAR,CAAsBC,OAAtB,KAAkC,QAAzC;AAAoD,aAAvF;AACA,gBAAIC,wBAAwB,EAAEC,cAAc,EAAhB,EAAoBC,aAAa,GAAjC,EAA5B;AACAtC,iCAAqBuC,iBAArB,CAAuCN,cAAvC,EAAuDG,qBAAvD,EACKN,IADL,CACU,YAAY;AAClB;AACA,oBAAIU,iBAAiB,SAAjBA,cAAiB,GAAY;AAAE,2BAAOxB,QAAQyB,WAAR,IAAuB,CAAvB,IAA4BzB,QAAQ0B,UAAR,IAAsB,CAAzD;AAA6D,iBAAhG;AACA,oBAAIC,uBAAuB,EAAEN,cAAc,EAAhB,EAAoBC,aAAa,KAAjC,EAA3B;AACAtC,qCAAqBuC,iBAArB,CAAuCC,cAAvC,EAAuDG,oBAAvD,EACKb,IADL,CACU,YAAY;AAAE,2BAAOf,UAAUC,QAAQkB,aAAlB,CAAP;AAA0C,iBADlE,EAEKH,KAFL,CAEW,YAAY;AAAE,2BAAOrB,OAAO,IAAII,KAAJ,CAAU,yCAAV,CAAP,CAAP;AAAsE,iBAF/F;AAGH,aARD;AASH,SAZD,MAaK;AACDR,sBAAUiB,WAAV,CAAsBP,OAAtB;AACA;AACH;AACJ,KApEM,CAAP;AAqEH;AACDxB,QAAQI,0BAAR,GAAqCA,0BAArC;AACA,SAASD,yBAAT,CAAmCqB,OAAnC,EAA4C;AACxC,WAAO,IAAIR,OAAJ,CAAY,UAAUC,OAAV,EAAmB;AAClC,YAAIL,UAAUiB,OAAOC,aAArB,EAAoC;AAChCD,mBAAOC,aAAP,CAAqBsB,kBAArB,CAAwC5B,OAAxC;AACA,gBAAIA,WAAWA,QAAQ6B,UAAnB,IAAiC7B,QAAQ6B,UAAR,CAAmBC,WAAxD,EAAqE;AACjE9B,wBAAQ6B,UAAR,CAAmBC,WAAnB,CAA+B9B,OAA/B;AACAd,sBAAMe,IAAN,CAAW,oCAAX;AACH,aAHD,MAIK;AACDf,sBAAM6C,IAAN,CAAW,2BAAX,EAAwC/B,OAAxC,EAAiDA,QAAQ6B,UAAzD;AACH;AACJ,SATD,MAUK;AACD7B,oBAAQgC,MAAR;AACH;AACDvC;AACH,KAfM,CAAP;AAgBH;AACDjB,QAAQG,yBAAR,GAAoCA,yBAApC;AACA,IAAIsD,kBAAkB;AAClBC,YAAQ,WADU;AAElBC,aAAS;AAFS,CAAtB;AAIA,SAASzD,0BAAT,CAAoCa,WAApC,EAAiD6C,eAAjD,EAAkE;AAC9D,QAAIA,oBAAoB,KAAK,CAA7B,EAAgC;AAAEA,0BAAkBH,eAAlB;AAAoC;AACtE,QAAIC,SAASE,gBAAgBF,MAA7B;AAAA,QAAqCC,UAAUC,gBAAgBD,OAA/D;AAAA,QAAwEE,IAAID,gBAAgBC,CAA5F;AAAA,QAA+FC,IAAIF,gBAAgBE,CAAnH;AAAA,QAAsHC,IAAIH,gBAAgBG,CAA1I;AAAA,QAA6IC,IAAIJ,gBAAgBI,CAAjK;AACA,QAAIC,OAAO,CAAC5D,cAAc6D,OAAd,CAAsBL,CAAtB,CAAD,IAA6B,CAACxD,cAAc6D,OAAd,CAAsBJ,CAAtB,CAA9B,IAA0D,CAACzD,cAAc6D,OAAd,CAAsBH,CAAtB,CAA3D,IAAuF,CAAC1D,cAAc6D,OAAd,CAAsBF,CAAtB,CAAnG;AACA,QAAIG,SAAS,CAACF,IAAD,KAAU,CAAC5D,cAAc6D,OAAd,CAAsBH,CAAtB,CAAD,IAA6B,CAAC1D,cAAc6D,OAAd,CAAsBF,CAAtB,CAAxC,CAAb;AACA,WAAO,IAAIhD,OAAJ,CAAY,UAAUC,OAAV,EAAmBC,MAAnB,EAA2B;AAC1C,YAAIkD,gBAAgBjD,SAASO,aAAT,CAAuB,KAAvB,CAApB;AACA0C,sBAAcC,KAAd,CAAoBC,OAApB,GAA8B,mCAA9B;AACAnD,iBAASC,IAAT,CAAcW,WAAd,CAA0BqC,aAA1B;AACA,YAAIG,SAAS,SAATA,MAAS,CAAUC,GAAV,EAAeC,KAAf,EAAsB;AAC/B,gBAAID,GAAJ,EAAS;AACLtD,uBAAOsD,GAAP;AACA;AACH;AACDE,uBAAW,YAAY;AACnBvD,yBAASC,IAAT,CAAckC,WAAd,CAA0Bc,aAA1B;AACA,oBAAI,CAACI,GAAL,EAAU;AACNvD,4BAAQwD,KAAR;AACH;AACJ,aALD,EAKG,EALH;AAMH,SAXD;AAYArE,mCAA2BgE,aAA3B,EAA0CrD,WAA1C,EACKuB,IADL,CACU,UAAUqC,YAAV,EAAwB;AAAE,mBAAO3D,QAAQC,OAAR,CAAgBL,SAASgE,eAAeD,YAAf,CAAT,GAAwCE,WAAWF,YAAX,CAAxD,EACtCrC,IADsC,CACjC,UAAUwC,OAAV,EAAmB;AACzB,oBAAI,CAACA,OAAD,IAAYA,QAAQC,MAAR,GAAiB,EAAjC,EAAqC;AACjC,0BAAM,IAAIzD,KAAJ,CAAU,wDAAV,CAAN;AACH;AACDiD,uBAAO,IAAP,EAAaO,OAAb;AACH,aAN0C,CAAP;AAM/B,SAPL,EAQKvC,KARL,CAQW,UAAUC,KAAV,EAAiB;AACxB+B,mBAAO/B,SAAS,IAAIlB,KAAJ,CAAU,qEAAV,CAAhB;AACH,SAVD;AAWH,KA3BM,CAAP;AA4BA;AACA,aAASuD,UAAT,CAAoBF,YAApB,EAAkC;AAC9B,YAAIzB,aAAayB,aAAazB,UAA9B;AAAA,YAA0CD,cAAc0B,aAAa1B,WAArE;AACA,YAAI+B,SAAS7D,SAASO,aAAT,CAAuB,QAAvB,CAAb;AACA,YAAIuD,MAAMD,OAAOE,UAAP,CAAkB,IAAlB,CAAV;AACA,YAAIjB,IAAJ,EAAU;AACNe,mBAAOG,KAAP,GAAepB,CAAf;AACAiB,mBAAOI,MAAP,GAAgBpB,CAAhB;AACAiB,gBAAII,SAAJ,CAAcV,YAAd,EAA4Bd,CAA5B,EAA+BC,CAA/B,EAAkCC,CAAlC,EAAqCC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8CD,CAA9C,EAAiDC,CAAjD;AACH,SAJD,MAKK,IAAIG,MAAJ,EAAY;AACba,mBAAOG,KAAP,GAAepB,CAAf;AACAiB,mBAAOI,MAAP,GAAgBpB,CAAhB;AACAiB,gBAAII,SAAJ,CAAcV,YAAd,EAA4B,CAA5B,EAA+B,CAA/B,EAAkCZ,CAAlC,EAAqCC,CAArC;AACH,SAJI,MAKA;AACDgB,mBAAOI,MAAP,GAAgBnC,WAAhB;AACA+B,mBAAOG,KAAP,GAAejC,UAAf;AACA+B,gBAAII,SAAJ,CAAcV,YAAd,EAA4B,CAA5B,EAA+B,CAA/B;AACH;AACD,eAAOK,OAAOM,SAAP,CAAiB5B,MAAjB,EAAyBC,OAAzB,CAAP;AACH;AACD;AACA,aAASiB,cAAT,CAAwBD,YAAxB,EAAsC;AAClC,eAAO,IAAI3D,OAAJ,CAAY,UAAUC,OAAV,EAAmB;AAClC,gBAAIiC,aAAayB,aAAazB,UAA9B;AAAA,gBAA0CD,cAAc0B,aAAa1B,WAArE;AACA,gBAAI+B,SAAS7D,SAASO,aAAT,CAAuB,QAAvB,CAAb;AACA,gBAAIuD,MAAMD,OAAOE,UAAP,CAAkB,IAAlB,CAAV;AACA,gBAAIjB,QAAQE,MAAZ,EAAoB;AAChBa,uBAAOG,KAAP,GAAepB,CAAf;AACAiB,uBAAOI,MAAP,GAAgBpB,CAAhB;AACH,aAHD,MAIK;AACDgB,uBAAOI,MAAP,GAAgBnC,WAAhB;AACA+B,uBAAOG,KAAP,GAAejC,UAAf;AACH;AACD,qBAASqC,cAAT,CAAwBd,KAAxB,EAA+B;AAC3B,oBAAIR,IAAJ,EAAU;AACNgB,wBAAII,SAAJ,CAAcZ,KAAd,EAAqBZ,CAArB,EAAwBC,CAAxB,EAA2BC,CAA3B,EAA8BC,CAA9B,EAAiC,CAAjC,EAAoC,CAApC,EAAuCD,CAAvC,EAA0CC,CAA1C;AACH,iBAFD,MAGK,IAAIG,MAAJ,EAAY;AACbc,wBAAII,SAAJ,CAAcZ,KAAd,EAAqB,CAArB,EAAwB,CAAxB,EAA2BV,CAA3B,EAA8BC,CAA9B;AACH,iBAFI,MAGA;AACDiB,wBAAII,SAAJ,CAAcZ,KAAd,EAAqB,CAArB,EAAwB,CAAxB,EAA2BvB,UAA3B,EAAuCD,WAAvC;AACH;AACD,uBAAO+B,OAAOM,SAAP,CAAiB5B,MAAjB,EAAyBC,OAAzB,CAAP;AACH;AACD,gBAAI6B,SAASb,aAAac,QAAb,EAAb;AACA,gBAAIhB,QAAQ,IAAIiB,KAAJ,EAAZ;AACAjB,kBAAMkB,MAAN,GAAe,YAAY;AAAE,uBAAO1E,QAAQsE,eAAed,KAAf,CAAR,CAAP;AAAwC,aAArE;AACAA,kBAAMrC,YAAN,CAAmB,KAAnB,EAA0B,2BAA2BoD,MAArD;AACH,SA5BM,CAAP;AA6BH;AACJ;AACDxF,QAAQE,0BAAR,GAAqCA,0BAArC;;AAEA","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 trace = MediaTracer_1.getMediaTracer('DomUtils');\nvar isIE11 = (new ts_environment_detect_1.TsEnvironmentDetect()).isIE11();\nfunction renderMediaStreamToVideoEl(container, mediaStream) {\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            trace.info('Video element got paused. IOS headphones disconnected');\n            videoEl.play();\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, 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)\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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@techsee/techsee-media-service",
-    "version": "0.16.2",
+    "version": "0.18.0",
     "description": "Techsee Media Service Client",
     "author": "TechSee",
     "main": "lib/index.js",
@@ -20,7 +20,7 @@
     "dependencies": {
         "@techsee/kurento-utils-temasys-mod": "6.6.3-dev-3",
         "@techsee/openvidu-browser": "~12.15.6",
-        "@techsee/techsee-common": "~0.21.17",
+        "@techsee/techsee-common": "~0.22.0",
         "bluebird": "~3.7.2",
         "kurento-utils": "6.6.2",
         "lodash": "4.17.20",