ionic ios support

openvidu-browser/lib/OpenVidu/OpenVidu.js

@@ -105,6 +105,7 @@ var OpenVidu = /** @class */ (function () {
      * Returns new session
      */
     OpenVidu.prototype.initSession = function () {
+        console.warn("OEeeeeee");
         this.session = new Session_1.Session(this);
         return this.session;
     };

openvidu-browser/lib/OpenVidu/Publisher.js

@@ -274,7 +274,9 @@ var Publisher = /** @class */ (function (_super) {
                     if (!_this.stream.isSendScreen()) {
                         // With no screen share, video dimension can be set directly from MediaStream (getSettings)
                         // Orientation must be checked for mobile devices (width and height are reversed)
-                        var _a = mediaStream.getVideoTracks()[0].getSettings(), width = _a.width, height = _a.height;
+                        //const { width, height } = mediaStream.getVideoTracks()[0].getSettings();
+                        var width = 700;
+                        var height = 480;
                         if (platform.name.toLowerCase().indexOf('mobile') !== -1 && (window.innerHeight > window.innerWidth)) {
                             // Mobile portrait mode
                             _this.stream.videoDimensions = {

openvidu-browser/lib/OpenVidu/Stream.d.ts

@@ -46,7 +46,9 @@ export declare class Stream implements EventDispatcher {
      */
     audioActive: boolean;
     /**
-     * Unique identifier of the stream
+     * Unique identifier of the stream. If the stream belongs to a...
+     * - Subscriber object: property `streamId` is always defined
+     * - Publisher object: property `streamId` is only defined after successful execution of [[Session.publish]]
      */
     streamId: string;
     /**

openvidu-browser/lib/OpenVidu/Stream.js

@@ -550,14 +550,17 @@ var Stream = /** @class */ (function () {
         });
     };
     Stream.prototype.remotePeerSuccessfullyEstablished = function () {
-        this.mediaStream = new MediaStream();
+        /*this.mediaStream = new MediaStream();
-        var receiver;
+
-        for (var _i = 0, _a = this.webRtcPeer.pc.getReceivers(); _i < _a.length; _i++) {
+        let receiver: RTCRtpReceiver;
-            receiver = _a[_i];
+        for (receiver of this.webRtcPeer.pc.getReceivers()) {
             if (!!receiver.track) {
                 this.mediaStream.addTrack(receiver.track);
             }
-        }
+        }*/
+        var pc2 = this.webRtcPeer.pc;
+        console.warn("GET REMOTE STREAMS", pc2.getRemoteStreams());
+        this.mediaStream = pc2.getRemoteStreams()[0];
         console.debug('Peer remote stream', this.mediaStream);
         if (!!this.mediaStream) {
             this.ee.emitEvent('mediastream-updated');

openvidu-browser/lib/OpenVidu/StreamManager.d.ts

@@ -125,4 +125,5 @@ export declare class StreamManager implements EventDispatcher {
     emitEvent(type: string, eventArray: any[]): void;
     private pushNewStreamManagerVideo;
     private mirrorVideo;
+    private removeMirrorVideo;
 }

openvidu-browser/lib/OpenVidu/StreamManager.js

@@ -279,7 +279,11 @@ var StreamManager = /** @class */ (function () {
         }
         if (!this.remote && !this.stream.displayMyRemote()) {
             video.muted = true;
-            if (this.stream.outboundStreamOpts.publisherProperties.mirror) {
+            if (video.style.transform === 'rotateY(180deg)' && !this.stream.outboundStreamOpts.publisherProperties.mirror) {
+                // If the video was already rotated and now is set to not mirror
+                this.removeMirrorVideo(video);
+            }
+            else if (this.stream.outboundStreamOpts.publisherProperties.mirror) {
                 this.mirrorVideo(video);
             }
         }
@@ -338,6 +342,12 @@ var StreamManager = /** @class */ (function () {
     StreamManager.prototype.updateMediaStream = function (mediaStream) {
         this.videos.forEach(function (streamManagerVideo) {
             streamManagerVideo.video.srcObject = mediaStream;
+            console.warn("document.getElementID");
+            var videoDiv = document.getElementById('remoteVideo');
+            if (videoDiv) {
+                streamManagerVideo.video.setAttribute('playsinline', 'true');
+                videoDiv.appendChild(streamManagerVideo.video);
+            }
         });
     };
     /**
@@ -357,6 +367,10 @@ var StreamManager = /** @class */ (function () {
         video.style.transform = 'rotateY(180deg)';
         video.style.webkitTransform = 'rotateY(180deg)';
     };
+    StreamManager.prototype.removeMirrorVideo = function (video) {
+        video.style.transform = 'unset';
+        video.style.webkitTransform = 'unset';
+    };
     return StreamManager;
 }());
 exports.StreamManager = StreamManager;

openvidu-browser/lib/OpenViduInternal/KurentoUtils/kurento-utils-js/WebRtcPeer.js

@@ -1,507 +0,0 @@
-var freeice = require('freeice');
-var inherits = require('inherits');
-var UAParser = require('ua-parser-js');
-var uuid = require('uuid');
-var hark = require('hark');
-var EventEmitter = require('events').EventEmitter;
-var recursive = require('merge').recursive.bind(undefined, true);
-var sdpTranslator = require('sdp-translator');
-var logger = window.Logger || console;
-var MEDIA_CONSTRAINTS = {
-    audio: true,
-    video: {
-        width: 640,
-        framerate: 15
-    }
-};
-var ua = (window && window.navigator) ? window.navigator.userAgent : '';
-var parser = new UAParser(ua);
-var browser = parser.getBrowser();
-var usePlanB = false;
-if (browser.name === 'Chrome' || browser.name === 'Chromium') {
-    logger.debug(browser.name + ": using SDP PlanB");
-    usePlanB = true;
-}
-function noop(error) {
-    if (error)
-        logger.error(error);
-}
-function trackStop(track) {
-    track.stop && track.stop();
-}
-function streamStop(stream) {
-    stream.getTracks().forEach(trackStop);
-}
-var dumpSDP = function (description) {
-    if (typeof description === 'undefined' || description === null) {
-        return '';
-    }
-    return 'type: ' + description.type + '\r\n' + description.sdp;
-};
-function bufferizeCandidates(pc, onerror) {
-    var candidatesQueue = [];
-    pc.addEventListener('signalingstatechange', function () {
-        if (this.signalingState === 'stable') {
-            while (candidatesQueue.length) {
-                var entry = candidatesQueue.shift();
-                pc.addIceCandidate(entry.candidate, entry.callback, entry.callback);
-            }
-        }
-    });
-    return function (candidate, callback) {
-        callback = callback || onerror;
-        switch (pc.signalingState) {
-            case 'closed':
-                callback(new Error('PeerConnection object is closed'));
-                break;
-            case 'stable':
-                if (pc.remoteDescription) {
-                    pc.addIceCandidate(candidate, callback, callback);
-                }
-                break;
-            default:
-                candidatesQueue.push({
-                    candidate: candidate,
-                    callback: callback
-                });
-        }
-    };
-}
-function removeFIDFromOffer(sdp) {
-    var n = sdp.indexOf("a=ssrc-group:FID");
-    if (n > 0) {
-        return sdp.slice(0, n);
-    }
-    else {
-        return sdp;
-    }
-}
-function getSimulcastInfo(videoStream) {
-    var videoTracks = videoStream.getVideoTracks();
-    if (!videoTracks.length) {
-        logger.warn('No video tracks available in the video stream');
-        return '';
-    }
-    var lines = [
-        'a=x-google-flag:conference',
-        'a=ssrc-group:SIM 1 2 3',
-        'a=ssrc:1 cname:localVideo',
-        'a=ssrc:1 msid:' + videoStream.id + ' ' + videoTracks[0].id,
-        'a=ssrc:1 mslabel:' + videoStream.id,
-        'a=ssrc:1 label:' + videoTracks[0].id,
-        'a=ssrc:2 cname:localVideo',
-        'a=ssrc:2 msid:' + videoStream.id + ' ' + videoTracks[0].id,
-        'a=ssrc:2 mslabel:' + videoStream.id,
-        'a=ssrc:2 label:' + videoTracks[0].id,
-        'a=ssrc:3 cname:localVideo',
-        'a=ssrc:3 msid:' + videoStream.id + ' ' + videoTracks[0].id,
-        'a=ssrc:3 mslabel:' + videoStream.id,
-        'a=ssrc:3 label:' + videoTracks[0].id
-    ];
-    lines.push('');
-    return lines.join('\n');
-}
-function WebRtcPeer(mode, options, callback) {
-    if (!(this instanceof WebRtcPeer)) {
-        return new WebRtcPeer(mode, options, callback);
-    }
-    WebRtcPeer.super_.call(this);
-    if (options instanceof Function) {
-        callback = options;
-        options = undefined;
-    }
-    options = options || {};
-    callback = (callback || noop).bind(this);
-    var self = this;
-    var localVideo = options.localVideo;
-    var remoteVideo = options.remoteVideo;
-    var videoStream = options.videoStream;
-    var audioStream = options.audioStream;
-    var mediaConstraints = options.mediaConstraints;
-    var connectionConstraints = options.connectionConstraints;
-    var pc = options.peerConnection;
-    var sendSource = options.sendSource || 'webcam';
-    var guid = uuid.v4();
-    var configuration = recursive({
-        iceServers: (!!options.iceServers && options.iceServers.length > 0) ? options.iceServers : freeice()
-    }, options.configuration);
-    var onicecandidate = options.onicecandidate;
-    if (onicecandidate)
-        this.on('icecandidate', onicecandidate);
-    var oncandidategatheringdone = options.oncandidategatheringdone;
-    if (oncandidategatheringdone) {
-        this.on('candidategatheringdone', oncandidategatheringdone);
-    }
-    var simulcast = options.simulcast;
-    var multistream = options.multistream;
-    var interop = new sdpTranslator.Interop();
-    var candidatesQueueOut = [];
-    var candidategatheringdone = false;
-    Object.defineProperties(this, {
-        'peerConnection': {
-            get: function () {
-                return pc;
-            }
-        },
-        'id': {
-            value: options.id || guid,
-            writable: false
-        },
-        'remoteVideo': {
-            get: function () {
-                return remoteVideo;
-            }
-        },
-        'localVideo': {
-            get: function () {
-                return localVideo;
-            }
-        },
-        'currentFrame': {
-            get: function () {
-                if (!remoteVideo)
-                    return;
-                if (remoteVideo.readyState < remoteVideo.HAVE_CURRENT_DATA)
-                    throw new Error('No video stream data available');
-                var canvas = document.createElement('canvas');
-                canvas.width = remoteVideo.videoWidth;
-                canvas.height = remoteVideo.videoHeight;
-                canvas.getContext('2d').drawImage(remoteVideo, 0, 0);
-                return canvas;
-            }
-        }
-    });
-    if (!pc) {
-        pc = new RTCPeerConnection(configuration);
-    }
-    pc.addEventListener('icecandidate', function (event) {
-        var candidate = event.candidate;
-        if (EventEmitter.listenerCount(self, 'icecandidate') ||
-            EventEmitter.listenerCount(self, 'candidategatheringdone')) {
-            if (candidate) {
-                var cand;
-                if (multistream && usePlanB) {
-                    cand = interop.candidateToUnifiedPlan(candidate);
-                }
-                else {
-                    cand = candidate;
-                }
-                self.emit('icecandidate', cand);
-                candidategatheringdone = false;
-            }
-            else if (!candidategatheringdone) {
-                self.emit('candidategatheringdone');
-                candidategatheringdone = true;
-            }
-        }
-        else if (!candidategatheringdone) {
-            candidatesQueueOut.push(candidate);
-            if (!candidate)
-                candidategatheringdone = true;
-        }
-    });
-    pc.onaddstream = options.onaddstream;
-    pc.onnegotiationneeded = options.onnegotiationneeded;
-    this.on('newListener', function (event, listener) {
-        if (event === 'icecandidate' || event === 'candidategatheringdone') {
-            while (candidatesQueueOut.length) {
-                var candidate = candidatesQueueOut.shift();
-                if (!candidate === (event === 'candidategatheringdone')) {
-                    listener(candidate);
-                }
-            }
-        }
-    });
-    var addIceCandidate = bufferizeCandidates(pc);
-    this.addIceCandidate = function (iceCandidate, callback) {
-        var candidate;
-        if (multistream && usePlanB) {
-            candidate = interop.candidateToPlanB(iceCandidate);
-        }
-        else {
-            candidate = new RTCIceCandidate(iceCandidate);
-        }
-        logger.debug('Remote ICE candidate received', iceCandidate);
-        callback = (callback || noop).bind(this);
-        addIceCandidate(candidate, callback);
-    };
-    this.generateOffer = function (callback) {
-        callback = callback.bind(this);
-        var offerAudio = true;
-        var offerVideo = true;
-        if (mediaConstraints) {
-            offerAudio = (typeof mediaConstraints.audio === 'boolean') ?
-                mediaConstraints.audio : true;
-            offerVideo = (typeof mediaConstraints.video === 'boolean') ?
-                mediaConstraints.video : true;
-        }
-        var browserDependantConstraints = {
-            offerToReceiveAudio: (mode !== 'sendonly' && offerAudio),
-            offerToReceiveVideo: (mode !== 'sendonly' && offerVideo)
-        };
-        var constraints = browserDependantConstraints;
-        logger.debug('constraints: ' + JSON.stringify(constraints));
-        pc.createOffer(constraints).then(function (offer) {
-            logger.debug('Created SDP offer');
-            offer = mangleSdpToAddSimulcast(offer);
-            return pc.setLocalDescription(offer);
-        }).then(function () {
-            var localDescription = pc.localDescription;
-            logger.debug('Local description set', localDescription.sdp);
-            if (multistream && usePlanB) {
-                localDescription = interop.toUnifiedPlan(localDescription);
-                logger.debug('offer::origPlanB->UnifiedPlan', dumpSDP(localDescription));
-            }
-            callback(null, localDescription.sdp, self.processAnswer.bind(self));
-        }).catch(callback);
-    };
-    this.getLocalSessionDescriptor = function () {
-        return pc.localDescription;
-    };
-    this.getRemoteSessionDescriptor = function () {
-        return pc.remoteDescription;
-    };
-    function setRemoteVideo() {
-        if (remoteVideo) {
-            remoteVideo.pause();
-            var stream = pc.getRemoteStreams()[0];
-            remoteVideo.srcObject = stream;
-            logger.debug('Remote stream:', stream);
-            remoteVideo.load();
-        }
-    }
-    this.showLocalVideo = function () {
-        localVideo.srcObject = videoStream;
-        localVideo.muted = true;
-    };
-    this.processAnswer = function (sdpAnswer, callback) {
-        callback = (callback || noop).bind(this);
-        var answer = new RTCSessionDescription({
-            type: 'answer',
-            sdp: sdpAnswer
-        });
-        if (multistream && usePlanB) {
-            var planBAnswer = interop.toPlanB(answer);
-            logger.debug('asnwer::planB', dumpSDP(planBAnswer));
-            answer = planBAnswer;
-        }
-        logger.debug('SDP answer received, setting remote description');
-        if (pc.signalingState === 'closed') {
-            return callback('PeerConnection is closed');
-        }
-        pc.setRemoteDescription(answer, function () {
-            setRemoteVideo();
-            callback();
-        }, callback);
-    };
-    this.processOffer = function (sdpOffer, callback) {
-        callback = callback.bind(this);
-        var offer = new RTCSessionDescription({
-            type: 'offer',
-            sdp: sdpOffer
-        });
-        if (multistream && usePlanB) {
-            var planBOffer = interop.toPlanB(offer);
-            logger.debug('offer::planB', dumpSDP(planBOffer));
-            offer = planBOffer;
-        }
-        logger.debug('SDP offer received, setting remote description');
-        if (pc.signalingState === 'closed') {
-            return callback('PeerConnection is closed');
-        }
-        pc.setRemoteDescription(offer).then(function () {
-            return setRemoteVideo();
-        }).then(function () {
-            return pc.createAnswer();
-        }).then(function (answer) {
-            answer = mangleSdpToAddSimulcast(answer);
-            logger.debug('Created SDP answer');
-            return pc.setLocalDescription(answer);
-        }).then(function () {
-            var localDescription = pc.localDescription;
-            if (multistream && usePlanB) {
-                localDescription = interop.toUnifiedPlan(localDescription);
-                logger.debug('answer::origPlanB->UnifiedPlan', dumpSDP(localDescription));
-            }
-            logger.debug('Local description set', localDescription.sdp);
-            callback(null, localDescription.sdp);
-        }).catch(callback);
-    };
-    function mangleSdpToAddSimulcast(answer) {
-        if (simulcast) {
-            if (browser.name === 'Chrome' || browser.name === 'Chromium') {
-                logger.debug('Adding multicast info');
-                answer = new RTCSessionDescription({
-                    'type': answer.type,
-                    'sdp': removeFIDFromOffer(answer.sdp) + getSimulcastInfo(videoStream)
-                });
-            }
-            else {
-                logger.warn('Simulcast is only available in Chrome browser.');
-            }
-        }
-        return answer;
-    }
-    function start() {
-        if (pc.signalingState === 'closed') {
-            callback('The peer connection object is in "closed" state. This is most likely due to an invocation of the dispose method before accepting in the dialogue');
-        }
-        if (videoStream && localVideo) {
-            self.showLocalVideo();
-        }
-        if (videoStream) {
-            pc.addStream(videoStream);
-        }
-        if (audioStream) {
-            pc.addStream(audioStream);
-        }
-        var browser = parser.getBrowser();
-        if (mode === 'sendonly' &&
-            (browser.name === 'Chrome' || browser.name === 'Chromium') &&
-            browser.major === 39) {
-            mode = 'sendrecv';
-        }
-        callback();
-    }
-    if (mode !== 'recvonly' && !videoStream && !audioStream) {
-        function getMedia(constraints) {
-            if (constraints === undefined) {
-                constraints = MEDIA_CONSTRAINTS;
-            }
-            navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
-                videoStream = stream;
-                start();
-            }).catch(callback);
-        }
-        if (sendSource === 'webcam') {
-            getMedia(mediaConstraints);
-        }
-        else {
-            getScreenConstraints(sendSource, function (error, constraints_) {
-                if (error)
-                    return callback(error);
-                constraints = [mediaConstraints];
-                constraints.unshift(constraints_);
-                getMedia(recursive.apply(undefined, constraints));
-            }, guid);
-        }
-    }
-    else {
-        setTimeout(start, 0);
-    }
-    this.on('_dispose', function () {
-        if (localVideo) {
-            localVideo.pause();
-            localVideo.srcObject = null;
-            localVideo.load();
-            localVideo.muted = false;
-        }
-        if (remoteVideo) {
-            remoteVideo.pause();
-            remoteVideo.srcObject = null;
-            remoteVideo.load();
-        }
-        self.removeAllListeners();
-        if (window.cancelChooseDesktopMedia !== undefined) {
-            window.cancelChooseDesktopMedia(guid);
-        }
-    });
-}
-inherits(WebRtcPeer, EventEmitter);
-function createEnableDescriptor(type) {
-    var method = 'get' + type + 'Tracks';
-    return {
-        enumerable: true,
-        get: function () {
-            if (!this.peerConnection)
-                return;
-            var streams = this.peerConnection.getLocalStreams();
-            if (!streams.length)
-                return;
-            for (var i = 0, stream; stream = streams[i]; i++) {
-                var tracks = stream[method]();
-                for (var j = 0, track; track = tracks[j]; j++)
-                    if (!track.enabled)
-                        return false;
-            }
-            return true;
-        },
-        set: function (value) {
-            function trackSetEnable(track) {
-                track.enabled = value;
-            }
-            this.peerConnection.getLocalStreams().forEach(function (stream) {
-                stream[method]().forEach(trackSetEnable);
-            });
-        }
-    };
-}
-Object.defineProperties(WebRtcPeer.prototype, {
-    'enabled': {
-        enumerable: true,
-        get: function () {
-            return this.audioEnabled && this.videoEnabled;
-        },
-        set: function (value) {
-            this.audioEnabled = this.videoEnabled = value;
-        }
-    },
-    'audioEnabled': createEnableDescriptor('Audio'),
-    'videoEnabled': createEnableDescriptor('Video')
-});
-WebRtcPeer.prototype.getLocalStream = function (index) {
-    if (this.peerConnection) {
-        return this.peerConnection.getLocalStreams()[index || 0];
-    }
-};
-WebRtcPeer.prototype.getRemoteStream = function (index) {
-    if (this.peerConnection) {
-        return this.peerConnection.getRemoteStreams()[index || 0];
-    }
-};
-WebRtcPeer.prototype.dispose = function () {
-    logger.debug('Disposing WebRtcPeer');
-    var pc = this.peerConnection;
-    try {
-        if (pc) {
-            if (pc.signalingState === 'closed')
-                return;
-            pc.getLocalStreams().forEach(streamStop);
-            pc.close();
-        }
-    }
-    catch (err) {
-        logger.warn('Exception disposing webrtc peer ' + err);
-    }
-    this.emit('_dispose');
-};
-function WebRtcPeerRecvonly(options, callback) {
-    if (!(this instanceof WebRtcPeerRecvonly)) {
-        return new WebRtcPeerRecvonly(options, callback);
-    }
-    WebRtcPeerRecvonly.super_.call(this, 'recvonly', options, callback);
-}
-inherits(WebRtcPeerRecvonly, WebRtcPeer);
-function WebRtcPeerSendonly(options, callback) {
-    if (!(this instanceof WebRtcPeerSendonly)) {
-        return new WebRtcPeerSendonly(options, callback);
-    }
-    WebRtcPeerSendonly.super_.call(this, 'sendonly', options, callback);
-}
-inherits(WebRtcPeerSendonly, WebRtcPeer);
-function WebRtcPeerSendrecv(options, callback) {
-    if (!(this instanceof WebRtcPeerSendrecv)) {
-        return new WebRtcPeerSendrecv(options, callback);
-    }
-    WebRtcPeerSendrecv.super_.call(this, 'sendrecv', options, callback);
-}
-inherits(WebRtcPeerSendrecv, WebRtcPeer);
-function harkUtils(stream, options) {
-    return hark(stream, options);
-}
-exports.bufferizeCandidates = bufferizeCandidates;
-exports.WebRtcPeerRecvonly = WebRtcPeerRecvonly;
-exports.WebRtcPeerSendonly = WebRtcPeerSendonly;
-exports.WebRtcPeerSendrecv = WebRtcPeerSendrecv;
-exports.hark = harkUtils;
-//# sourceMappingURL=WebRtcPeer.js.map

openvidu-browser/lib/OpenViduInternal/KurentoUtils/kurento-utils-js/index.js

@@ -1,3 +0,0 @@
-var WebRtcPeer = require('./WebRtcPeer');
-exports.WebRtcPeer = WebRtcPeer;
-//# sourceMappingURL=index.js.map

openvidu-browser/lib/OpenViduInternal/KurentoUtils/kurento-utils-js/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/OpenViduInternal/KurentoUtils/kurento-utils-js/index.js"],"names":[],"mappings":"AA2BA,IAAI,UAAU,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAEzC,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC"}

openvidu-browser/lib/OpenViduInternal/WebRtcPeer/WebRtcPeer.js

@@ -80,7 +80,10 @@ var WebRtcPeer = /** @class */ (function () {
             if (!!_this.configuration.mediaStream) {
                 for (var _i = 0, _a = _this.configuration.mediaStream.getTracks(); _i < _a.length; _i++) {
                     var track = _a[_i];
-                    _this.pc.addTrack(track, _this.configuration.mediaStream);
+                    //this.pc.addTrack(track, this.configuration.mediaStream);
+                    console.warn("ADDSTREAM");
+                    var pc2 = _this.pc;
+                    pc2.addStream(_this.configuration.mediaStream);
                 }
                 resolve();
             }
@@ -99,20 +102,19 @@ var WebRtcPeer = /** @class */ (function () {
                 this.remoteCandidatesQueue = [];
                 this.localCandidatesQueue = [];
                 // Stop senders
-                for (var _i = 0, _a = this.pc.getSenders(); _i < _a.length; _i++) {
+                var pc1 = this.pc;
+                for (var _i = 0, _a = pc1.getLocalStreams(); _i < _a.length; _i++) {
                     var sender = _a[_i];
                     if (!videoSourceIsMediaStreamTrack) {
-                        if (!!sender.track) {
+                        sender.stop();
-                            sender.track.stop();
                     }
-                    }
+                    pc1.removeStream(sender);
-                    this.pc.removeTrack(sender);
                 }
                 // Stop receivers
-                for (var _b = 0, _c = this.pc.getReceivers(); _b < _c.length; _b++) {
+                for (var _b = 0, _c = pc1.getRemoteStreams(); _b < _c.length; _b++) {
                     var receiver = _c[_b];
                     if (!!receiver.track) {
-                        receiver.track.stop();
+                        receiver.stop();
                     }
                 }
                 this.pc.close();

openvidu-browser/src/OpenVidu/Publisher.ts

@@ -310,7 +310,9 @@ export class Publisher extends StreamManager {
                     if (!this.stream.isSendScreen()) {
                         // With no screen share, video dimension can be set directly from MediaStream (getSettings)
                         // Orientation must be checked for mobile devices (width and height are reversed)
-                        const { width, height } = mediaStream.getVideoTracks()[0].getSettings();
+                        //const { width, height } = mediaStream.getVideoTracks()[0].getSettings();
+                        let width = 700;
+                        let height = 480;
 
                         if (platform.name!!.toLowerCase().indexOf('mobile') !== -1 && (window.innerHeight > window.innerWidth)) {
                             // Mobile portrait mode

openvidu-browser/src/OpenVidu/Stream.ts

@@ -703,14 +703,17 @@ export class Stream implements EventDispatcher {
     }
 
     private remotePeerSuccessfullyEstablished(): void {
-        this.mediaStream = new MediaStream();
+        /*this.mediaStream = new MediaStream();
 
         let receiver: RTCRtpReceiver;
         for (receiver of this.webRtcPeer.pc.getReceivers()) {
             if (!!receiver.track) {
                 this.mediaStream.addTrack(receiver.track);
             }
-        }
+        }*/
+        const pc1: any = this.webRtcPeer.pc;
+        console.warn("GET REMOTE STREAMS", pc1.getRemoteStreams());
+        this.mediaStream = pc1.getRemoteStreams()[0];
 
         console.debug('Peer remote stream', this.mediaStream);
 

openvidu-browser/src/OpenVidu/StreamManager.ts

@@ -404,6 +404,13 @@ export class StreamManager implements EventDispatcher {
     updateMediaStream(mediaStream: MediaStream) {
         this.videos.forEach(streamManagerVideo => {
             streamManagerVideo.video.srcObject = mediaStream;
+            console.warn("document.getElementID");
+            let videoDiv = document.getElementById('remoteVideo');
+            if(videoDiv){
+                streamManagerVideo.video.setAttribute('playsinline', 'true');
+                videoDiv.appendChild(streamManagerVideo.video);
+                
+            }
         });
     }
 

openvidu-browser/src/OpenViduInternal/WebRtcPeer/WebRtcPeer.ts

@@ -88,7 +88,10 @@ export class WebRtcPeer {
             }
             if (!!this.configuration.mediaStream) {
                 for (const track of this.configuration.mediaStream.getTracks()) {
-                    this.pc.addTrack(track, this.configuration.mediaStream);
+                    //this.pc.addTrack(track, this.configuration.mediaStream);
+                    console.warn("ADDSTREAM");
+                    const pc2: any = this.pc;
+                    pc2.addStream(this.configuration.mediaStream);
                 }
                 resolve();
             }
@@ -109,18 +112,17 @@ export class WebRtcPeer {
                 this.localCandidatesQueue = [];
 
                 // Stop senders
-                for (const sender of this.pc.getSenders()) {
+                const pc1: any = this.pc;
+                for (const sender of pc1.getLocalStreams()) {
                     if (!videoSourceIsMediaStreamTrack) {
-                        if (!!sender.track) {
+                        (<MediaStream>sender).stop();
-                            sender.track.stop();
                     }
-                    }
+                    pc1.removeStream(sender);
-                    this.pc.removeTrack(sender);
                 }
                 // Stop receivers
-                for (const receiver of this.pc.getReceivers()) {
+                for (const receiver of pc1.getRemoteStreams()) {
                     if (!!receiver.track) {
-                        receiver.track.stop();
+                        (<MediaStream>receiver).stop();
                     }
                 }