@techsee/techsee-media-service 0.1.3

package/lib/webrtc/session-loopback.js

@@ -0,0 +1,340 @@
+'use strict';
+
+exports.__esModule = true;
+exports.LoopbackWebRTCSession = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _session = require('../session');
+
+var _publisher = require('../publisher');
+
+var _tsEnvironmentDetect = require('techsee-common/lib/helpers/ts-environment-detect');
+
+var _stream = require('./stream');
+
+var _helper = require('./helper');
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var isIE11 = new _tsEnvironmentDetect.TsEnvironmentDetect().isIE11();
+
+if (isIE11) {
+    require('./temasys/adapter-loader')(); // eslint-disable-line global-require
+}
+
+/**
+ * WebRTC-specific implementation of TsMediaSession.
+ *
+ * Instance of this class is returned by TsMediaService.initSession call
+ * with 'LOOPBACK' as desired mediaType.
+ *
+ * @class
+ * @extends TsMediaSession
+ *
+ * @see TsMediaSession
+ */
+var LoopbackWebRTCSession = exports.LoopbackWebRTCSession = function (_TsMediaSession) {
+    _inherits(LoopbackWebRTCSession, _TsMediaSession);
+
+    function LoopbackWebRTCSession(_ref) {
+        var credentials = _ref.credentials,
+            deviceOpts = _ref.deviceOpts;
+
+        _classCallCheck(this, LoopbackWebRTCSession);
+
+        var _this = _possibleConstructorReturn(this, _TsMediaSession.call(this));
+
+        _this._credentials = credentials;
+        _this._deviceOpts = deviceOpts;
+        _this._constraints = null;
+        return _this;
+    }
+
+    /**
+     * Id of the session.
+     *
+     * @member { String }
+     *
+     * @type { String }
+     */
+
+
+    LoopbackWebRTCSession.prototype._setTrackStateTo = function _setTrackStateTo(state) {
+        return function (track) {
+            if (track.setEnabled) {
+                track.setEnabled(state);
+            } else {
+                track.enabled = state;
+            }
+        };
+    };
+
+    /**
+     * Loopback does not connect, but still need to provide an implementation.
+     *
+     * @method
+     * @returns { Promise }
+     *
+     */
+
+
+    LoopbackWebRTCSession.prototype.connect = function connect() {
+        return Promise.resolve();
+    };
+
+    LoopbackWebRTCSession.prototype._toggleAllStreams = function _toggleAllStreams(state) {
+        var _this2 = this;
+
+        if (!_.isEmpty(this._streams)) {
+            this._streams.forEach(function (stream) {
+                return stream._mediaStream.getTracks().forEach(_this2._setTrackStateTo(state));
+            });
+        }
+    };
+
+    LoopbackWebRTCSession.prototype._stopAllStreams = function _stopAllStreams() {
+        if (!_.isEmpty(this._streams)) {
+            this._streams.forEach(function (stream) {
+                return stream._mediaStream.getTracks().forEach(function (track) {
+                    return track.stop();
+                });
+            });
+        }
+    };
+
+    /**
+     * Cleanup
+     *
+     * @method
+     * @returns { Promise }
+     *
+     */
+
+
+    LoopbackWebRTCSession.prototype.disconnect = function disconnect() {
+        return Promise.resolve();
+    };
+
+    /**
+     * Create new TsMediaPublisher instance
+     *
+     * @method
+     *
+     * @param { DOMElement } [target] Video element
+     * that will be used to render publishing video stream
+     * @param { Object } params
+     * @param { String } [params.videoDevice] Video device id
+     * @param { String } [params.videoParams] Video device id
+     * @param { String } [params.videoParams.fitMode] Video fit mode
+     * @param { Number|String } [params.videoParams.width] Video element width
+     * @param { Number|String } [params.videoParams.height] Video element height
+     * @param { String } [params.audioDevice] Video device id
+     *
+     * @returns { Promise<TsMediaPublisher> } publisher
+     *
+     * @see TsMediaPublisher
+     */
+
+
+    LoopbackWebRTCSession.prototype.createPublisher = function createPublisher(t, p) {
+        var _this3 = this;
+
+        var target = t,
+            params = p;
+
+        if (!params) {
+            params = target;
+            target = null;
+        }
+
+        return new Promise(function (resolve, reject) {
+            (0, _helper.getHighestResolutionStream)(_this3._deviceOpts, _this3._constraints).then(function (result) {
+                _this3._constraints = result.constraints;
+
+                return resolve(result.stream);
+            }).catch(function (error) {
+                return reject(error);
+            });
+        }).then(function (mediaStream) {
+            // Clear previous streams
+            _this3._streams.clear();
+
+            //
+            // Get tracks that are related to the publisher (audio or video)
+            //
+            var tracks = mediaStream.getTracks().filter(function (track) {
+                return track.kind === 'video' && params.videoDevice || track.kind === 'audio' && params.audioDevice;
+            });
+
+            var videoTrackSettings = (0, _helper.getVideoTrackSettings)(mediaStream);
+
+            var tsstream = new _stream.TsWebRTCStream(_this3, mediaStream, params.name, false, videoTrackSettings);
+
+            var publisher = new _publisher.TsMediaPublisher(_this3, {
+                stream: tsstream,
+                tracks: tracks,
+                videoParams: params.videoParams,
+
+                videoHeight: tsstream.videoDimensions.height,
+                videoWidth: tsstream.videoDimensions.width,
+
+                _target: target
+            });
+
+            tsstream.publisher = publisher;
+            _this3.publisher = publisher;
+
+            return publisher;
+        });
+    };
+
+    /**
+     * Publish stream from previously create TsMediaPublisher instance.
+     *
+     * Used internally by TsMediaPublisher.publish
+     *
+     * @method
+     *
+     * @param { TsMediaPublisher } publisher
+     *
+     * @returns { Promise }
+     *
+     * @fires PUBLISHER_EVENTS#STREAM_CREATED
+     * @fires SESSION_EVENTS#STREAM_PROPERTY_CHANGED
+     * @fires STREAM_EVENTS#PROPERTY_CHANGED
+     *
+     * @see TsMediaPublisher#publish
+     */
+
+
+    LoopbackWebRTCSession.prototype.publish = function publish(publisher) {
+        var _this4 = this;
+
+        return Promise.resolve().then(function () {
+            publisher.emit(_publisher.EVENTS.STREAM_CREATED, publisher.stream);
+            _this4.emit(_session.EVENTS.STREAM_PROPERTY_CHANGED, {
+                stream: publisher.stream,
+                property: 'hasVideo',
+                value: publisher.stream.hasVideo
+            });
+            _this4.emit(_session.EVENTS.STREAM_PROPERTY_CHANGED, {
+                stream: publisher.stream,
+                property: 'hasAudio',
+                value: publisher.stream.hasAudio
+            });
+
+            if (_this4.publisher._element) {
+                return;
+            }
+
+            if (publisher._target) {
+                //
+                // New video element where publishing video stream will be rendered
+                //
+                var video = document.createElement('video');
+
+                if (!isIE11) {
+                    video.src = URL.createObjectURL(publisher.stream._mediaStream);
+                }
+
+                video.playsInline = true;
+                video.autoplay = true;
+
+                if (isIE11) {
+                    publisher._target.appendChild(video);
+                    publisher._element = attachMediaStream(video, publisher.stream._mediaStream);
+                }
+
+                var streamDimensions = publisher.stream.videoDimensions;
+
+                var params = _.assign({}, {
+                    fitMode: 'contain',
+                    insertMode: 'append',
+                    mirror: false,
+                    resolution: streamDimensions.width + 'x' + streamDimensions.height,
+                    width: '100%',
+                    height: '100%'
+                }, publisher.videoParams);
+
+                var elementHeight = typeof params.height === 'string' ? params.height : params.height + 'px';
+                var elementWidth = typeof params.width === 'string' ? params.width : params.width + 'px';
+
+                _.assign((isIE11 ? publisher._element : video).style, {
+                    height: elementHeight,
+                    width: elementWidth,
+
+                    position: 'relative',
+                    'object-fit': params.fitMode
+                });
+
+                if (!isIE11) {
+                    publisher._target.appendChild(video);
+                    publisher._element = video;
+                }
+
+                publisher.stream.setupDimensionsListener(video);
+            }
+
+            //
+            // Enable (unpause) all media tracks related to publisher.
+            // They are sending data to the server from this moment.
+            //
+            _this4._toggleAllStreams(true);
+        });
+    };
+
+    /**
+     * Unpublish stream and destroy publisher's view.
+     *
+     * Used internally by TsMediaPublisher.destroy
+     *
+     * @method
+     *
+     * @param { TsMediaPublisher } publisher
+     *
+     * @returns { Promise }
+     *
+     * @fires PUBLISHER_EVENTS#DESTROYED
+     *
+     * @see TsMediaPublisher#destroy
+     */
+
+
+    LoopbackWebRTCSession.prototype.destroyPublisher = function destroyPublisher(publisher) {
+        var _this5 = this;
+
+        return new Promise(function (resolve) {
+            _this5._toggleAllStreams(false);
+            _this5._stopAllStreams();
+
+            if (publisher._element) {
+                publisher._element.remove();
+            }
+
+            _this5.publisher = null;
+            publisher.emit(_publisher.EVENTS.DESTROYED);
+
+            return resolve();
+        });
+    };
+
+    _createClass(LoopbackWebRTCSession, [{
+        key: 'id',
+        get: function get() {
+            return _.get(this._credentials, 'sessionId');
+        }
+    }, {
+        key: 'isLoopback',
+        get: function get() {
+            return true;
+        }
+    }]);
+
+    return LoopbackWebRTCSession;
+}(_session.TsMediaSession);
+//# sourceMappingURL=session-loopback.js.map

package/lib/webrtc/session-loopback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webrtc/session-loopback.js"],"names":["isIE11","TsEnvironmentDetect","require","LoopbackWebRTCSession","credentials","deviceOpts","_credentials","_deviceOpts","_constraints","_setTrackStateTo","state","track","setEnabled","enabled","connect","Promise","resolve","_toggleAllStreams","_","isEmpty","_streams","forEach","stream","_mediaStream","getTracks","_stopAllStreams","stop","disconnect","createPublisher","t","p","target","params","reject","then","result","constraints","catch","error","mediaStream","clear","tracks","filter","kind","videoDevice","audioDevice","videoTrackSettings","tsstream","TsWebRTCStream","name","publisher","TsMediaPublisher","videoParams","videoHeight","videoDimensions","height","videoWidth","width","_target","publish","emit","PUBLISHER_EVENTS","STREAM_CREATED","EVENTS","STREAM_PROPERTY_CHANGED","property","value","hasVideo","hasAudio","_element","video","document","createElement","src","URL","createObjectURL","playsInline","autoplay","appendChild","attachMediaStream","streamDimensions","assign","fitMode","insertMode","mirror","resolution","elementHeight","elementWidth","style","position","setupDimensionsListener","destroyPublisher","remove","DESTROYED","get","TsMediaSession"],"mappings":"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","file":"session-loopback.js","sourcesContent":["import {\n    EVENTS,\n    TsMediaSession\n} from '../session';\n\nimport {\n    EVENTS as PUBLISHER_EVENTS,\n    TsMediaPublisher\n} from '../publisher';\n\nimport { TsEnvironmentDetect } from 'techsee-common/lib/helpers/ts-environment-detect';\n\nimport {\n    TsWebRTCStream,\n} from './stream';\n\nconst isIE11 = (new TsEnvironmentDetect()).isIE11();\n\nif (isIE11) {\n    require('./temasys/adapter-loader')(); // eslint-disable-line global-require\n}\n\nimport {\n    getVideoTrackSettings,\n    getHighestResolutionStream\n} from './helper';\n\n/**\n * WebRTC-specific implementation of TsMediaSession.\n *\n * Instance of this class is returned by TsMediaService.initSession call\n * with 'LOOPBACK' as desired mediaType.\n *\n * @class\n * @extends TsMediaSession\n *\n * @see TsMediaSession\n */\nexport class LoopbackWebRTCSession extends TsMediaSession {\n    constructor({ credentials, deviceOpts }) {\n        super();\n\n        this._credentials = credentials;\n        this._deviceOpts = deviceOpts;\n        this._constraints = null;\n    }\n\n    /**\n     * Id of the session.\n     *\n     * @member { String }\n     *\n     * @type { String }\n     */\n    get id() {\n        return _.get(this._credentials, 'sessionId');\n    }\n\n    get isLoopback() {\n        return true;\n    }\n\n    _setTrackStateTo(state) {\n        return function (track) {\n            if (track.setEnabled) {\n                track.setEnabled(state);\n            } else {\n                track.enabled = state;\n            }\n        };\n    }\n\n    /**\n     * Loopback does not connect, but still need to provide an implementation.\n     *\n     * @method\n     * @returns { Promise }\n     *\n     */\n    connect() {\n        return Promise.resolve();\n    }\n\n    _toggleAllStreams(state) {\n        if (!_.isEmpty(this._streams)) {\n            this._streams.forEach((stream) => stream._mediaStream.getTracks().forEach(this._setTrackStateTo(state)));\n        }\n    }\n\n    _stopAllStreams() {\n        if (!_.isEmpty(this._streams)) {\n            this._streams.forEach((stream) => stream._mediaStream.getTracks().forEach((track) => track.stop()));\n        }\n    }\n\n    /**\n     * Cleanup\n     *\n     * @method\n     * @returns { Promise }\n     *\n     */\n    disconnect() {\n        return Promise.resolve();\n    }\n\n    /**\n     * Create new TsMediaPublisher instance\n     *\n     * @method\n     *\n     * @param { DOMElement } [target] Video element\n     * that will be used to render publishing video stream\n     * @param { Object } params\n     * @param { String } [params.videoDevice] Video device id\n     * @param { String } [params.videoParams] Video device id\n     * @param { String } [params.videoParams.fitMode] Video fit mode\n     * @param { Number|String } [params.videoParams.width] Video element width\n     * @param { Number|String } [params.videoParams.height] Video element height\n     * @param { String } [params.audioDevice] Video device id\n     *\n     * @returns { Promise<TsMediaPublisher> } publisher\n     *\n     * @see TsMediaPublisher\n     */\n    createPublisher(t, p) {\n        let target = t,\n            params = p;\n\n        if (!params) {\n            params = target;\n            target = null;\n        }\n\n        return new Promise((resolve, reject) => {\n            getHighestResolutionStream(this._deviceOpts, this._constraints)\n                .then((result) => {\n                    this._constraints = result.constraints;\n\n                    return resolve(result.stream);\n                })\n                .catch((error) => reject(error));\n        })\n            .then((mediaStream) => {\n                // Clear previous streams\n                this._streams.clear();\n\n                //\n                // Get tracks that are related to the publisher (audio or video)\n                //\n                const tracks = mediaStream.getTracks()\n                    .filter((track) => (\n                        (track.kind === 'video' && params.videoDevice) ||\n                (track.kind === 'audio' && params.audioDevice)));\n\n                const videoTrackSettings = getVideoTrackSettings(mediaStream);\n\n                const tsstream = new TsWebRTCStream(this, mediaStream, params.name, false, videoTrackSettings);\n\n                const publisher = new TsMediaPublisher(this, {\n                    stream: tsstream,\n                    tracks,\n                    videoParams: params.videoParams,\n\n                    videoHeight: tsstream.videoDimensions.height,\n                    videoWidth: tsstream.videoDimensions.width,\n\n                    _target: target,\n                });\n\n                tsstream.publisher = publisher;\n                this.publisher = publisher;\n\n                return publisher;\n            });\n    }\n\n    /**\n     * Publish stream from previously create TsMediaPublisher instance.\n     *\n     * Used internally by TsMediaPublisher.publish\n     *\n     * @method\n     *\n     * @param { TsMediaPublisher } publisher\n     *\n     * @returns { Promise }\n     *\n     * @fires PUBLISHER_EVENTS#STREAM_CREATED\n     * @fires SESSION_EVENTS#STREAM_PROPERTY_CHANGED\n     * @fires STREAM_EVENTS#PROPERTY_CHANGED\n     *\n     * @see TsMediaPublisher#publish\n     */\n    publish(publisher) {\n        return Promise.resolve()\n            .then(() => {\n                publisher.emit(PUBLISHER_EVENTS.STREAM_CREATED, publisher.stream);\n                this.emit(EVENTS.STREAM_PROPERTY_CHANGED, {\n                    stream: publisher.stream,\n                    property: 'hasVideo',\n                    value: publisher.stream.hasVideo,\n                });\n                this.emit(EVENTS.STREAM_PROPERTY_CHANGED, {\n                    stream: publisher.stream,\n                    property: 'hasAudio',\n                    value: publisher.stream.hasAudio,\n                });\n\n                if (this.publisher._element) {\n                    return;\n                }\n\n                if (publisher._target) {\n                    //\n                    // New video element where publishing video stream will be rendered\n                    //\n                    const video = document.createElement('video');\n\n                    if (!isIE11) {\n                        video.src = URL.createObjectURL(publisher.stream._mediaStream);\n                    }\n\n                    video.playsInline = true;\n                    video.autoplay = true;\n\n                    if (isIE11) {\n                        publisher._target.appendChild(video);\n                        publisher._element = attachMediaStream(video, publisher.stream._mediaStream);\n                    }\n\n                    const streamDimensions = publisher.stream.videoDimensions;\n\n                    const params = _.assign({}, {\n                        fitMode: 'contain',\n                        insertMode: 'append',\n                        mirror: false,\n                        resolution: `${streamDimensions.width}x${streamDimensions.height}`,\n                        width: '100%',\n                        height: '100%',\n                    }, publisher.videoParams);\n\n                    const elementHeight = (typeof params.height === 'string') ? params.height : params.height + 'px';\n                    const elementWidth = (typeof params.width === 'string') ? params.width : params.width + 'px';\n\n                    _.assign((isIE11 ? publisher._element : video).style, {\n                        height: elementHeight,\n                        width: elementWidth,\n\n                        position: 'relative',\n                        'object-fit': params.fitMode,\n                    });\n\n                    if (!isIE11) {\n                        publisher._target.appendChild(video);\n                        publisher._element = video;\n                    }\n\n                    publisher.stream.setupDimensionsListener(video);\n                }\n\n                //\n                // Enable (unpause) all media tracks related to publisher.\n                // They are sending data to the server from this moment.\n                //\n                this._toggleAllStreams(true);\n            });\n    }\n\n    /**\n     * Unpublish stream and destroy publisher's view.\n     *\n     * Used internally by TsMediaPublisher.destroy\n     *\n     * @method\n     *\n     * @param { TsMediaPublisher } publisher\n     *\n     * @returns { Promise }\n     *\n     * @fires PUBLISHER_EVENTS#DESTROYED\n     *\n     * @see TsMediaPublisher#destroy\n     */\n    destroyPublisher(publisher) {\n        return new Promise((resolve) => {\n            this._toggleAllStreams(false);\n            this._stopAllStreams();\n\n            if (publisher._element) {\n                publisher._element.remove();\n            }\n\n            this.publisher = null;\n            publisher.emit(PUBLISHER_EVENTS.DESTROYED);\n\n            return resolve();\n        });\n    }\n}\n"]}