ionic 4 function tis way not working connection.onstream = function(event) {

muaz-khan / RTCMultiConnection

RTCMultiConnection is a WebRTC JavaScript library for peer-to-peer applications (screen sharing, audio/video conferencing, file sharing, media streaming etc.)

MIT License

2.53k stars 1.38k forks source link

i am trying to make video session between ionic4 android app and Laravel for other session. i am getting roomId, remoteUserId from Laravel API here is my code from ionic4 .ts

const localVideo =

Hi, Muaz khan. can you tell me what i am missing in my above code.i am waiting for your reply

On Sun, Apr 28, 2019, 1:27 AM fourty seven heckias47@gmail.com wrote:

i am trying to make video session between ionic4 android app and Laravel for other session. i am getting roomId, remoteUserId from Laravel API here is my code from ionic4 .ts

const localVideo =
document.getElementById('local-video'); const remoteVideo = document.getElementById('remote-video'); const personId = this.appointments.fk_request_by; const roomid = this.appointments.id; const remoteUserId = this.appointments.fk_request_to; this.connection.onMediaError = function(error, constraints) { this.alertService.create({ header: 'Alert', subHeader: 'Subtitle', message: JSON.stringify(error, null, ' '), buttons: ['OK'] }); }; //check if onMediaerror this.connection.iceServers = []; var jsonData = this.iceSer.v; for (var i = 0; i < jsonData.iceServers.length; i++) { this.connection.iceServers.push(jsonData.iceServers[i]); } this.connection.isUseHTTPs = true; this.connection.socketURL = ' https://rtcmulticonnection.herokuapp.com:443/'; this.connection.socketMessageEvent = 'video-conference-demo'; this.connection.enableFileSharing = true; // by default, it is "false". this.connection.session = { audio: true, video: true, data: true }; this.connection.mediaConstraints = { audio: true, video: true, }; this.connection.sdpConstraints.mandatory = { OfferToReceiveAudio: true, OfferToReceiveVideo: true }; this.connection.extra = { username: 'nikola jokic - denver', fullname: 'test', personID: personId, email: 'nikolajokic@gmail.com', boolean: true, integer: 123, objects: {}, joinedAt: '23:22', whatever: 'whatever' }; // this.connection.videosContainer = document.getElementById('remote-video'); this.connection.onstream = function(event) { //video_cont.appendChild(event.mediaElement); console.log(event.stream); if(event.type === 'local') { localVideo.style.display = ''; localVideo.controls = true; localVideo.srcObject = event.stream; localVideo.id = event.streamid; } if(event.type === 'remote') { remoteVideo.style.display = ''; remoteVideo.controls = true; remoteVideo.srcObject = event.stream; remoteVideo.id = event.streamid; } }; this.connection.onopen = function () { this.connection.getRemoteStreams(remoteUserId).forEach(function(sid) { console.log('getRemoteStreams', remoteUserId, sid); }); // or below code const native = this.connection.peers[remoteUserId].peer; console.log(native); console.log('native.getRemoteStreams', native.getRemoteStreams()); }; this.connection.openOrJoin(roomid); } here is my output when i got remote connection Remote peer's sdp: v=0 o=- 6163851582848690004 2 IN IP4 127.0.0.1 s=- t=0 0 a=group:BUNDLE 0 1 2 a=msid-semantic: WMS APtPJK6nvSbdps8b46eZl0kJXj82nLAxil10 m=audio 9 UDP/TLS/RTP/SAVPF 111 103 9 0 8 110 113 126 c=IN IP4 0.0.0.0 a=rtcp:9 IN IP4 0.0.0.0 a=ice-ufrag:ClW4 a=ice-pwd:1rH3ZFljI1l8XjwL3J6LFtue a=ice-options:trickle a=fingerprint:sha-256 F8:75:95:10:96:78:02:15:E9:9E:EF:C9:48:1E:FF:A8:95:1C:50:65:CD:B3:2F:7C:57:E8:EA:28:E5:18:BA:B9 a=setup:actpass a=mid:0 a=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level a=extmap:9 urn:ietf:params:rtp-hdrext:sdes:mid a=extmap:13 urn:ietf:params:rtp-hdrext:sdes:rtp-stream-id a=extmap:14 urn:ietf:params:rtp-hdrext:sdes:repaired-rtp-stream-id a=sendrecv a=msid:APtPJK6nvSbdps8b46eZl0kJXj82nLAxil10 bf1424d8-ebfd-4737-b6e0-d978123c72d9 a=rtcp-mux a=rtpmap:111 opus/48000/2 a=rtcp-fb:111 transport-cc a=fmtp:111 minptime=10;useinbandfec=1 a=rtpmap:103 ISAC/16000 a=rtpmap:9 G722/8000 a=rtpmap:0 PCMU/8000 a=rtpmap:8 PCMA/8000 a=rtpmap:110 telephone-event/48000 a=rtpmap:113 telephone-event/16000 a=rtpmap:126 telephone-event/8000 a=ssrc:1111550451 cname:9BKpGI4odhVTfGfL a=ssrc:1111550451 msid:APtPJK6nvSbdps8b46eZl0kJXj82nLAxil10 bf1424d8-ebfd-4737-b6e0-d978123c72d9 a=ssrc:1111550451 mslabel:APtPJK6nvSbdps8b46eZl0kJXj82nLAxil10 a=ssrc:1111550451 label:bf1424d8-ebfd-4737-b6e0-d978123c72d9 m=video 9 UDP/TLS/RTP/SAVPF 98 96 97 99 100 101 102 c=IN IP4 0.0.0.0 a=rtcp:9 IN IP4 0.0.0.0 a=ice-ufrag:ClW4 a=ice-pwd:1rH3ZFljI1l8XjwL3J6LFtue a=ice-options:trickle a=fingerprint:sha-256 F8:75:95:10:96:78:02:15:E9:9E:EF:C9:48:1E:FF:A8:95:1C:50:65:CD:B3:2F:7C:57:E8:EA:28:E5:18:BA:B9 a=setup:actpass a=mid:1 a=extmap:2 urn:ietf:params:rtp-hdrext:toffset a=extmap:3 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time a=extmap:4 urn:3gpp:video-orientation a=extmap:5 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01 a=extmap:6 http://www.webrtc.org/experiments/rtp-hdrext/playout-delay a=extmap:7 http://www.webrtc.org/experiments/rtp-hdrext/video-content-type a=extmap:8 http://www.webrtc.org/experiments/rtp-hdrext/video-timing a=extmap:10 http://tools.ietf.org/html/draft-ietf-avtext-framemarking-07 a=extmap:12 http://www.webrtc.org/experiments/rtp-hdrext/color-space a=extmap:9 urn:ietf:params:rtp-hdrext:sdes:mid a=extmap:13 urn:ietf:params:rtp-hdrext:sdes:rtp-stream-id a=extmap:14 urn:ietf:params:rtp-hdrext:sdes:repaired-rtp-stream-id a=sendrecv a=msid:APtPJK6nvSbdps8b46eZl0kJXj82nLAxil10 9b5e2266-d3bd-47a1-b1e4-241079a44d60 a=rtcp-mux a=rtcp-rsize a=rtpmap:96 VP8/90000 a=rtcp-fb:96 goog-remb a=rtcp-fb:96 transport-cc a=rtcp-fb:96 ccm fir a=rtcp-fb:96 nack a=rtcp-fb:96 nack pli a=rtpmap:97 rtx/90000 a=fmtp:97 apt=96 a=rtpmap:98 VP9/90000 a=rtcp-fb:98 goog-remb a=rtcp-fb:98 transport-cc a=rtcp-fb:98 ccm fir a=rtcp-fb:98 nack a=rtcp-fb:98 nack pli a=fmtp:98 profile-id=0 a=rtpmap:99 rtx/90000 a=fmtp:99 apt=98 a=rtpmap:100 red/90000 a=rtpmap:101 rtx/90000 a=fmtp:101 apt=100 a=rtpmap:102 ulpfec/90000 a=ssrc-group:FID 666060024 1339267990 a=ssrc:666060024 cname:9BKpGI4odhVTfGfL a=ssrc:666060024 msid:APtPJK6nvSbdps8b46eZl0kJXj82nLAxil10 9b5e2266-d3bd-47a1-b1e4-241079a44d60 a=ssrc:666060024 mslabel:APtPJK6nvSbdps8b46eZl0kJXj82nLAxil10 a=ssrc:666060024 label:9b5e2266-d3bd-47a1-b1e4-241079a44d60 a=ssrc:1339267990 cname:9BKpGI4odhVTfGfL a=ssrc:1339267990 msid:APtPJK6nvSbdps8b46eZl0kJXj82nLAxil10 9b5e2266-d3bd-47a1-b1e4-241079a44d60 a=ssrc:1339267990 mslabel:APtPJK6nvSbdps8b46eZl0kJXj82nLAxil10 a=ssrc:1339267990 label:9b5e2266-d3bd-47a1-b1e4-241079a44d60 m=application 9 DTLS/SCTP 5000 c=IN IP4 0.0.0.0 a=ice-ufrag:ClW4 a=ice-pwd:1rH3ZFljI1l8XjwL3J6LFtue a=ice-options:trickle a=fingerprint:sha-256 F8:75:95:10:96:78:02:15:E9:9E:EF:C9:48:1E:FF:A8:95:1C:50:65:CD:B3:2F:7C:57:E8:EA:28:E5:18:BA:B9 a=setup:actpass a=mid:2 a=sctpmap:5000 webrtc-datachannel 1024 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:2901037939 1 udp 2113937151 192.168.8.100 43894 typ host generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:2901037939 1 udp 2113937151 192.168.8.100 53980 typ host generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:2901037939 1 udp 2113937151 192.168.8.100 49468 typ host generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 31519 typ srflx raddr 192.168.8.100 rport 53980 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 49909 typ srflx raddr 192.168.8.100 rport 43894 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 49910 typ srflx raddr 192.168.8.100 rport 49468 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 31520 typ srflx raddr 192.168.8.100 rport 49468 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:6008 Set local description for remote user 2gy0gcicqul RTCMultiConnection.js:3263 Your candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 31518 typ srflx raddr 192.168.8.100 rport 43894 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 49908 typ srflx raddr 192.168.8.100 rport 53980 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:2901037939 1 udp 2113937151 192.168.8.100 37471 typ host generation 0 ufrag N4T1 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:484590435 1 udp 33563647 159.89.29.122 51441 typ relay raddr 103.255.5.253 rport 31520 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:484590435 1 udp 33563391 159.89.29.122 62128 typ relay raddr 103.255.5.253 rport 49910 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:484590435 1 udp 33563647 159.89.29.122 60526 typ relay raddr 103.255.5.253 rport 31519 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:484590435 1 udp 33563391 159.89.29.122 50222 typ relay raddr 103.255.5.253 rport 49908 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:484590435 1 udp 33563391 159.89.29.122 49340 typ relay raddr 103.255.5.253 rport 49909 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:484590435 1 udp 33563647 159.89.29.122 56930 typ relay raddr 103.255.5.253 rport 31518 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 31519 typ srflx raddr 192.168.8.100 rport 53980 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 49909 typ srflx raddr 192.168.8.100 rport 43894 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 49910 typ srflx raddr 192.168.8.100 rport 49468 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:3263 Your candidate pairs: candidate:1382137747 1 udp 16785919 159.89.29.122 63579 typ relay raddr 103.255.5.253 rport 41193 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 31520 typ srflx raddr 192.168.8.100 rport 49468 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 31518 typ srflx raddr 192.168.8.100 rport 43894 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:842163049 1 udp 1677729535 103.255.5.253 49908 typ srflx raddr 192.168.8.100 rport 53980 generation 0 ufrag ClW4 network-cost 999 RTCMultiConnection.js:645 Remote peer's sdp: v=0 o=- 346416791057290387 2 IN IP4 127.0.0.1 s=- t=0 0 a=group:BUNDLE 0 1 2 a=msid-semantic: WMS RLLPrufRYQbLqumZMdT6GbvZ2ParVRLdPbWp m=audio 9 UDP/TLS/RTP/SAVPF 111 103 9 0 8 110 113 126 c=IN IP4 0.0.0.0 a=rtcp:9 IN IP4 0.0.0.0 a=ice-ufrag:N4T1 a=ice-pwd:MVZV4WFG8brX4unQyQw7bGvb a=ice-options:trickle a=fingerprint:sha-256 96:D7:17:A5:8B:F1:87:5F:FD:62:0A:2C:60:9D:4A:24:3B:5C:74:75:AF:85:A8:3D:D6:41:61:DE:10:B6:64:D6 a=setup:active a=mid:0 a=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level a=extmap:9 urn:ietf:params:rtp-hdrext:sdes:mid a=extmap:13 urn:ietf:params:rtp-hdrext:sdes:rtp-stream-id a=extmap:14 urn:ietf:params:rtp-hdrext:sdes:repaired-rtp-stream-id a=sendrecv a=msid:RLLPrufRYQbLqumZMdT6GbvZ2ParVRLdPbWp 9320beb6-7555-422a-bc97-fd86da2f99cc a=rtcp-mux a=rtpmap:111 opus/48000/2 a=rtcp-fb:111 transport-cc a=fmtp:111 minptime=10;useinbandfec=1 a=rtpmap:103 ISAC/16000 a=rtpmap:9 G722/8000 a=rtpmap:0 PCMU/8000 a=rtpmap:8 PCMA/8000 a=rtpmap:110 telephone-event/48000 a=rtpmap:113 telephone-event/16000 a=rtpmap:126 telephone-event/8000 a=ssrc:2382743463 cname:QBkmOrFd/ZniS75Y m=video 9 UDP/TLS/RTP/SAVPF 98 96 97 99 100 101 102 c=IN IP4 0.0.0.0 a=rtcp:9 IN IP4 0.0.0.0 a=ice-ufrag:N4T1 a=ice-pwd:MVZV4WFG8brX4unQyQw7bGvb a=ice-options:trickle a=fingerprint:sha-256 96:D7:17:A5:8B:F1:87:5F:FD:62:0A:2C:60:9D:4A:24:3B:5C:74:75:AF:85:A8:3D:D6:41:61:DE:10:B6:64:D6 a=setup:active a=mid:1 a=extmap:2 urn:ietf:params:rtp-hdrext:toffset a=extmap:3 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time a=extmap:4 urn:3gpp:video-orientation a=extmap:5 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01 a=extmap:6 http://www.webrtc.org/experiments/rtp-hdrext/playout-delay a=extmap:7 http://www.webrtc.org/experiments/rtp-hdrext/video-content-type a=extmap:8 http://www.webrtc.org/experiments/rtp-hdrext/video-timing a=extmap:10 http://tools.ietf.org/html/draft-ietf-avtext-framemarking-07 a=extmap:12 http://www.webrtc.org/experiments/rtp-hdrext/color-space a=extmap:9 urn:ietf:params:rtp-hdrext:sdes:mid a=extmap:13 urn:ietf:params:rtp-hdrext:sdes:rtp-stream-id a=extmap:14 urn:ietf:params:rtp-hdrext:sdes:repaired-rtp-stream-id a=sendrecv a=msid:RLLPrufRYQbLqumZMdT6GbvZ2ParVRLdPbWp a1475569-949e-445f-a89d-9d5aeed06dfb a=rtcp-mux a=rtcp-rsize a=rtpmap:98 VP9/90000 a=rtcp-fb:98 goog-remb a=rtcp-fb:98 transport-cc a=rtcp-fb:98 ccm fir a=rtcp-fb:98 nack a=rtcp-fb:98 nack pli a=fmtp:98 profile-id=0 a=rtpmap:96 VP8/90000 a=rtcp-fb:96 goog-remb a=rtcp-fb:96 transport-cc a=rtcp-fb:96 ccm fir a=rtcp-fb:96 nack a=rtcp-fb:96 nack pli a=rtpmap:97 rtx/90000 a=fmtp:97 apt=96 a=rtpmap:99 rtx/90000 a=fmtp:99 apt=98 a=rtpmap:100 red/90000 a=rtpmap:101 rtx/90000 a=fmtp:101 apt=100 a=rtpmap:102 ulpfec/90000 a=ssrc-group:FID 1109169939 1281979657 a=ssrc:1109169939 cname:QBkmOrFd/ZniS75Y a=ssrc:1281979657 cname:QBkmOrFd/ZniS75Y m=application 9 DTLS/SCTP 5000 c=IN IP4 0.0.0.0 b=AS:30 a=ice-ufrag:N4T1 a=ice-pwd:MVZV4WFG8brX4unQyQw7bGvb a=ice-options:trickle a=fingerprint:sha-256 96:D7:17:A5:8B:F1:87:5F:FD:62:0A:2C:60:9D:4A:24:3B:5C:74:75:AF:85:A8:3D:D6:41:61:DE:10:B6:64:D6 a=setup:active a=mid:2 a=sctpmap:5000 webrtc-datachannel 1024 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:2901037939 1 udp 2113937151 192.168.8.100 37471 typ host generation 0 ufrag N4T1 network-cost 999 RTCMultiConnection.js:656 Remote peer's candidate pairs: candidate:484590435 1 udp 33563647 159.89.29.122 51441 typ relay raddr 103.255.5.253 rport 31520 generation 0 ufrag ClW4 network-cost 999 On Sat, Apr 27, 2019 at 11:51 PM Team@AVSPEED wrote: > @hecki0047 what did you do to get the > connection.onstream event to fire for the remote stream ? > > — > You are receiving this because you were mentioned. > Reply to this email directly, view it on GitHub > , > or mute the thread > > . >

muaz-khan / RTCMultiConnection

ionic 4 function tis way not working connection.onstream = function(event) { #759