Why the event on stream is not fired with peerjs and with cordova-plugin-iosrtc when i receive a call? Using PeerJs.

[iometrine]

Hello,

as @hthetiot recommended on the post : "peers/peerjs#705" i create a new post to explain my issue.

Versions

"@angular/common": "~9.1.6",
"@capacitor/ios": "^2.2.1",
"cordova-plugin-ionic": "5.4.7",
"cordova-plugin-iosrtc": "^6.0.18",
xcode : 12.3
peerJs: 1.3.1 

Description

i 'm working with peerjs and iosrtc plugin and i have got a problem on reception with ios, this method on stream is never fired.

call.on('stream', (stream) => {
document.getElementById('camera').srcObject = stream;
});
And this event neither:

call.peerConnection.addEventListener('addstream', (e: any) => {
document.getElementById('camera').srcObject = e.stream;
});
And to finish as i've read on other post, this method doesn't exist anymore today

call.peerConnection.onaddstream = function (stream) { // do something with stream }.

Can you help me ?

[abardik]

@iometrine onaddstream event is deprecated as well as addStream/removeStream methods of RTCPeerConnection (https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection). You should use ontrack event and addTrack/removeTrack methods instead, but I think the latest peerjs should already contain them.

Or you can try to include adapter-latest.js (https://github.com/webrtchacks/adapter), maybe it will help since it has implemented wrappers for many of deprecated WebRTC methods, but this is not the right way to go. Anyway, you should go away from peerjs's 'stream approach' as soon as you can if you want to proceed with add/remove/replace media tracks in your calls.

[flamurhbreznica]

@abardik facing the same issue. It is working in the first time (adding ontrack) but not in the second time and onwards. Any tips ?

Info: we are using Ionic, it is working perfectly in android but not in ios.

[iometrine]

I tried to install webrtchacks, it doesn't work.
I tried to add a listener ontrack and addTRack, it doesn't work.

[flamurhbreznica]

To be more precise:

I have VideoCall System developed through Ionic Cordova with PeerJS, it works properly on Android.
Now that I deployed to iOS from cordova, whenever I make second call, it always set an error: The PluginMediaStream with this id "any id" already exists, and cannot join to calls anymore, also the events from peerjs does not trigger

for example:

peer.on('stream') does not trigger at all, I used this plugin to handle the MediaStreams, but for some reasons, after the first video call it says MediaStream already exists,

How i can I trigger some events if I get a call from peer, onstream, onremove,

I tried to remove streams, tracks, and other stuff after ending video call, but it did not work.

[iometrine]

I think i have almost in the same situation as you but i can't receive the first call.
All works on android and the web as well.
Apparently the problem is known with cordova, I followed the documentation below :
https://github.com/cordova-rtc/cordova-plugin-iosrtc#ios-safari-and-crash-on-websocket-events

I added the <script src="ios-websocket-hack.min.js"></script>
and i added a setTimout()

I ran many test and I don't know what to do now.

[abardik]

@iometrine The latest peerjs has implemented ontrack and addTrack, so you should be ok to use it with iosrtc plugin:
https://github.com/peers/peerjs/blob/cfc37c7988d8ef3d2c1d7b6123562dd2af59defc/lib/negotiator.ts#L140
https://github.com/peers/peerjs/blob/cfc37c7988d8ef3d2c1d7b6123562dd2af59defc/lib/negotiator.ts#L345

Maybe the problem is that you use the example from their homepage:
var getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
It should be navigator.mediaDevices.getUserMedia or cordova.plugins.iosrtc.getUserMedia.

Also, you should request user permissions to access iPhone camera/mic:
cordova.plugins.iosrtc.requestPermission.

[abardik]

@flamurhbreznica To properly end a call in peerjs, which stores local and remote streams in its own properties, you should stop and remove all tracks from local stream as well as the local stream itself at the end of each call, and you should do this for both caller and callee, something like this:

call.localStream.getTracks().forEach(function(track) {
	track.stop();
	call.localStream.removeTrack(track);
});
delete call.localStream;
call.localStream = null;

Also, it would be also good if you manually remove closed calls from peer.connections, which does not clean closed data/media connections by itself, at least in earlier versions (check this out). After these cleanings you should be able to make a second call.

[flamurhbreznica]

@abardik we have implemented this but the issue persists -> it works in the first time but not in the second and onwards. Could there be another solution ?

[hthetiot]

thank you @abardik for your help, it works for you with iosrtc and peerJs if i understood properly?

@flamurhbreznica you may want to try this PR, see instructions:

• implement PREFFIX_INVALID_MEDIA_ID pluxin.xml preference to disable UUID preffix for bad media ids via config #647 #648 (comment)

[hthetiot]

note: You can also try master that have totally new WebRTC and major changes and will be released as 8.0.0