Timothée Jaussoin
6 years ago
8 changed files with 309 additions and 63 deletions
-
30app/widgets/Visio/Visio.php
-
30app/widgets/Visio/visio.js
-
189app/widgets/Visio/visio2.js
-
19app/widgets/VisioLink/VisioLink.php
-
10app/widgets/VisioLink/visiolink.js
-
21lib/JingletoSDP.php
-
71lib/SDPtoJingle.php
-
2lib/moxl/src/Moxl/Xec/Payload/Jingle.php
@ -0,0 +1,189 @@ |
|||||
|
function logError(error) { |
||||
|
console.log(error.name + ': ' + error.message); |
||||
|
console.log(error); |
||||
|
} |
||||
|
|
||||
|
var Visio = { |
||||
|
from: null, |
||||
|
localVideo: null, |
||||
|
remoteVideo: null, |
||||
|
|
||||
|
init: function() { |
||||
|
Visio.from = MovimUtils.urlParts().params.join('/'); |
||||
|
Visio.localVideo = document.getElementById('video'); |
||||
|
Visio.remoteVideo = document.getElementById('remote_video'); |
||||
|
|
||||
|
/*const servers = ['stun:stun01.sipphone.com', |
||||
|
'stun:stun.ekiga.net', |
||||
|
'stun:stun.fwdnet.net', |
||||
|
'stun:stun.ideasip.com', |
||||
|
'stun:stun.iptel.org', |
||||
|
'stun:stun.rixtelecom.se', |
||||
|
'stun:stun.schlund.de', |
||||
|
'stun:stun.l.google.com:19302', |
||||
|
'stun:stun1.l.google.com:19302', |
||||
|
'stun:stun2.l.google.com:19302', |
||||
|
'stun:stun3.l.google.com:19302', |
||||
|
'stun:stun4.l.google.com:19302', |
||||
|
'stun:stunserver.org', |
||||
|
'stun:stun.softjoys.com', |
||||
|
'stun:stun.voiparound.com', |
||||
|
'stun:stun.voipbuster.com', |
||||
|
'stun:stun.voipstunt.com', |
||||
|
'stun:stun.voxgratia.org', |
||||
|
'stun:stun.xten.com' |
||||
|
]; |
||||
|
|
||||
|
const shuffled = servers.sort(() => 0.5 - Math.random()); |
||||
|
|
||||
|
var configuration = { |
||||
|
'iceServers': [ |
||||
|
{urls: shuffled.slice(0, 2)} |
||||
|
] |
||||
|
};*/ |
||||
|
const configuration = { |
||||
|
iceServers: [{ |
||||
|
urls: 'stun:stun.l.google.com:19302' |
||||
|
}] |
||||
|
}; |
||||
|
Visio.pc = new RTCPeerConnection(configuration); |
||||
|
|
||||
|
Visio.pc.onicecandidate = evt => { |
||||
|
console.log('SEND CANDIDATE'); |
||||
|
if (evt.candidate) { |
||||
|
console.log(evt.candidate.candidate); |
||||
|
Visio_ajaxCandidate(evt.candidate, Visio.from); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/*Visio.pc.ontrack = event => { |
||||
|
console.log('TRACK'); |
||||
|
console.log(event); |
||||
|
const stream = event.streams[0]; |
||||
|
if (!Visio.remoteVideo.srcObject || Visio.remoteVideo.srcObject.id !== stream.id) { |
||||
|
console.log(event.track.kind); |
||||
|
if (event.track.kind === 'video') Visio.remoteVideo.srcObject = stream; |
||||
|
} |
||||
|
};*/ |
||||
|
|
||||
|
Visio.pc.onaddstream = function(event) { |
||||
|
Visio.remoteVideo.srcObject = event.stream; |
||||
|
}; |
||||
|
|
||||
|
const remoteSDP = localStorage.getItem('sdp'); |
||||
|
|
||||
|
// If we are calling
|
||||
|
if (remoteSDP === null) { |
||||
|
console.log('CALLING'); |
||||
|
Visio.pc.onnegotiationneeded = function() { |
||||
|
Visio.pc.createOffer().then(function(offer) { |
||||
|
return Visio.pc.setLocalDescription(offer); |
||||
|
}) |
||||
|
.then(function() { |
||||
|
Visio_ajaxInitiate(Visio.pc.localDescription, Visio.from); |
||||
|
}); |
||||
|
} |
||||
|
} else { |
||||
|
console.log('CALLED'); |
||||
|
// If we are called
|
||||
|
localStorage.removeItem('sdp'); |
||||
|
Visio.pc.setRemoteDescription(new RTCSessionDescription({'sdp': remoteSDP + "\n", 'type': 'offer'}), () => { |
||||
|
if (Visio.pc.remoteDescription.type === 'offer') { |
||||
|
Visio.pc.createAnswer().then(function(answer) { |
||||
|
return Visio.pc.setLocalDescription(answer); |
||||
|
}).then(function() { |
||||
|
Visio.consumeCandidates(); |
||||
|
Visio_ajaxAccept(Visio.pc.localDescription, Visio.from); |
||||
|
}).catch(logError); |
||||
|
} |
||||
|
}, logError); |
||||
|
} |
||||
|
|
||||
|
navigator.mediaDevices.getUserMedia({ |
||||
|
audio: true, |
||||
|
video: true, |
||||
|
}).then(stream => { |
||||
|
Visio.localVideo.srcObject = stream; |
||||
|
stream.getTracks().forEach(track => Visio.pc.addTrack(track, stream)); |
||||
|
}, logError); |
||||
|
}, |
||||
|
|
||||
|
consumeCandidates: function() { |
||||
|
const candidates = localStorage.getObject('candidates'); |
||||
|
|
||||
|
if (candidates) { |
||||
|
candidates.forEach(candidate => Visio.onCandidate(candidate[0], candidate[1], candidate[2])); |
||||
|
//localStorage.removeItem('candidates');
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
onCandidate: function(candidate, mid, mlineindex) { |
||||
|
if (mid == '') mlineindex = 1; |
||||
|
|
||||
|
console.log('RECEIVED CANDIDATE'); |
||||
|
if (Visio.pc.remoteDescription == null) return; |
||||
|
console.log(candidate); |
||||
|
|
||||
|
candidate = new RTCIceCandidate({ |
||||
|
'candidate': candidate, |
||||
|
'sdpMid': mid, |
||||
|
'sdpMLineIndex' : mlineindex |
||||
|
}); |
||||
|
|
||||
|
Visio.pc.addIceCandidate(candidate, e => {}); |
||||
|
}, |
||||
|
|
||||
|
onAcceptSDP: function(sdp) { |
||||
|
Visio.pc.setRemoteDescription( |
||||
|
new RTCSessionDescription({'sdp': sdp + "\n", 'type': 'answer'}), () => { |
||||
|
Visio.consumeCandidates(); |
||||
|
}, |
||||
|
(error) => { |
||||
|
Visio.goodbye('incompatible-parameters'); |
||||
|
logError(error) |
||||
|
} |
||||
|
); |
||||
|
}, |
||||
|
|
||||
|
onTerminate: () => { |
||||
|
let localStream = Visio.localVideo.srcObject; |
||||
|
|
||||
|
if (localStream) { |
||||
|
localStream.getTracks().forEach(track => track.stop()); |
||||
|
} |
||||
|
|
||||
|
let remoteStream = Visio.remoteVideo.srcObject; |
||||
|
|
||||
|
if (remoteStream) { |
||||
|
remoteStream.getTracks().forEach(track => track.stop()); |
||||
|
} |
||||
|
|
||||
|
Visio.localVideo.srcObject = null; |
||||
|
Visio.remoteVideo.srcObject = null; |
||||
|
Visio.localVideo.classList.add('hide'); |
||||
|
|
||||
|
if (Visio.pc) Visio.pc.close(); |
||||
|
|
||||
|
document.querySelector('p.state').innerText = Visio.states.ended; |
||||
|
button = document.querySelector('#main'); |
||||
|
|
||||
|
button.className = 'button action color red'; |
||||
|
button.querySelector('i').className = 'material-icons'; |
||||
|
button.querySelector('i').innerText = 'close'; |
||||
|
|
||||
|
button.onclick = () => window.close(); |
||||
|
}, |
||||
|
|
||||
|
goodbye: (reason) => { |
||||
|
Visio.onTerminate(); |
||||
|
Visio_ajaxTerminate(Visio.from, reason); |
||||
|
}, |
||||
|
} |
||||
|
|
||||
|
MovimWebsocket.attach(() => { |
||||
|
Visio.init(); |
||||
|
}); |
||||
|
|
||||
|
window.onbeforeunload = () => { |
||||
|
Visio.goodbye(); |
||||
|
} |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue