Update callId update
This commit is contained in:
parent
b7ff16b50d
commit
d9834a3b53
61
src/App.js
61
src/App.js
|
|
@ -36,22 +36,22 @@ var socket, stream;
|
|||
// }
|
||||
|
||||
var config = {
|
||||
iceServers: [{
|
||||
//urls: [ "stun:numb.viagenie.ca"
|
||||
urls: [ "stun:dev.linx.safemobile.com:19302" ]
|
||||
}, {
|
||||
//username: "claudiustancu@outlook.com",
|
||||
username: "sergiu",
|
||||
//credential: "Parola123",
|
||||
credential: "test123",
|
||||
urls: [
|
||||
// "turn:numb.viagenie.ca"
|
||||
"turn:dev.linx.safemobile.com:19302"
|
||||
]
|
||||
}],
|
||||
iceServers: [{
|
||||
//urls: [ "stun:numb.viagenie.ca"
|
||||
urls: [ "stun:dev.linx.safemobile.com:19302" ]
|
||||
}, {
|
||||
//username: "claudiustancu@outlook.com",
|
||||
username: "sergiu",
|
||||
//credential: "Parola123",
|
||||
credential: "test123",
|
||||
urls: [
|
||||
// "turn:numb.viagenie.ca"
|
||||
"turn:dev.linx.safemobile.com:19302"
|
||||
]
|
||||
}],
|
||||
|
||||
//FOR CHROME
|
||||
rtcpMuxPolicy:"negotiate"
|
||||
//FOR CHROME
|
||||
rtcpMuxPolicy:"negotiate"
|
||||
}
|
||||
|
||||
var pc = new RTCPeerConnection(config)
|
||||
|
|
@ -135,11 +135,13 @@ class App extends Component {
|
|||
// HUB 'video' event handler
|
||||
socket.on('video', async (data) => {
|
||||
|
||||
|
||||
const parseData = JSON.parse(data);
|
||||
|
||||
console.log('[VIDEO]', parseData);
|
||||
|
||||
if(parseData.type === 'notify-request') {
|
||||
console.log('[NOTIFY-REQUEST]', parseData);
|
||||
await pc.setLocalDescription(await pc.createOffer())
|
||||
console.log('IIIIIIIIIIIIIIIIIIIIIIIII', this.state.callId);
|
||||
socket.emit('video', JSON.stringify({
|
||||
origin_asset_id: this.state.user.asset.id,
|
||||
dest_asset_id: parseInt(parseData.origin_asset_id),
|
||||
|
|
@ -162,6 +164,7 @@ class App extends Component {
|
|||
console.log('[ANSWER]');
|
||||
await pc.setRemoteDescription(parseData.sdp)
|
||||
pc.onicecandidate = ({candidate}) => {
|
||||
console.log('candidate1', candidate);
|
||||
this.state.socket.emit('video', JSON.stringify({
|
||||
type: 'candidate',
|
||||
candidate,
|
||||
|
|
@ -172,7 +175,9 @@ class App extends Component {
|
|||
}
|
||||
}
|
||||
} else if(parseData.type === 'candidate') {
|
||||
console.log('candidate parseData', parseData);
|
||||
if(parseData.candidate) {
|
||||
console.log('parseData.candidate', parseData.candidate)
|
||||
pc.addIceCandidate(parseData.candidate).catch(e => {console.log(e)})
|
||||
}
|
||||
}
|
||||
|
|
@ -185,21 +190,28 @@ class App extends Component {
|
|||
}
|
||||
|
||||
offerReceived = async (offer) => {
|
||||
|
||||
console.log('Received offer', offer)
|
||||
|
||||
await pc.setRemoteDescription(offer.sdp)
|
||||
|
||||
pc.onicecandidate = ({candidate}) => {
|
||||
console.log('IIIIIIIIIIIIIIIIIIIIIIIII2', this.state.callId);
|
||||
this.state.socket.emit('video', JSON.stringify({
|
||||
type: 'candidate',
|
||||
candidate: candidate,
|
||||
dest_asset_id: parseInt(this.state.dest_asset_id),
|
||||
video_call_id: this.state.callId
|
||||
video_call_id: this.state.callId,
|
||||
test: '1111111111'
|
||||
}));
|
||||
}
|
||||
|
||||
await pc.setLocalDescription(await pc.createAnswer())
|
||||
|
||||
pc.onnegotiationneeded = async () => {
|
||||
console.log('---------onnegotiationneeded--------');
|
||||
try {
|
||||
console.log('IIIIIIIIIIIIIIIIIIIIIIIII3', this.state.callId);
|
||||
await pc.setLocalDescription(await pc.createOffer());
|
||||
// socket.emit('signal', {destination:remoteUser, data:pc.localDescription})
|
||||
socket.emit('video', JSON.stringify({
|
||||
|
|
@ -216,6 +228,7 @@ class App extends Component {
|
|||
console.error(err);
|
||||
}
|
||||
};
|
||||
console.log('IIIIIIIIIIIIIIIIIIIIIIIII4', this.state.callId);
|
||||
this.state.socket.emit('video', JSON.stringify({
|
||||
origin_asset_id: this.state.user.asset.id,
|
||||
dest_asset_id: parseInt(this.state.dest_asset_id),
|
||||
|
|
@ -226,6 +239,7 @@ class App extends Component {
|
|||
video_call_id: this.state.callId,
|
||||
sdp: pc.localDescription
|
||||
}));
|
||||
console.log('---------onnegotiationneeded END--------');
|
||||
}
|
||||
|
||||
handleChangeLogin = (e) => {
|
||||
|
|
@ -257,6 +271,7 @@ class App extends Component {
|
|||
}
|
||||
|
||||
handleClickEvent = () => {
|
||||
console.log('IIIIIIIIIIIIIIIIIIIIIIIII6', this.state.callId);
|
||||
this.state.socket.emit('video', JSON.stringify({
|
||||
origin_asset_id: this.state.user.asset.id,
|
||||
dest_asset_id: parseInt(this.state.dest_asset_id),
|
||||
|
|
@ -266,9 +281,17 @@ class App extends Component {
|
|||
origin_asset_name: this.state.user.name,
|
||||
video_call_id: this.state.callId
|
||||
}));
|
||||
// var userToCall = document.getElementById('calluser').value
|
||||
// remoteUser = userToCall
|
||||
// document.getElementById('invitestatus').innerHTML = " INVITATIE TRIMISA"
|
||||
// document.getElementById('loadingOverlay').style.display = "block"
|
||||
// var x = document.getElementById('calluser');
|
||||
// x.style.display = "none";
|
||||
// socket.emit('call', userToCall)
|
||||
}
|
||||
|
||||
closeVideo = () => {
|
||||
console.log('IIIIIIIIIIIIIIIIIIIIIIIII7', this.state.callId);
|
||||
this.state.socket.emit('video', JSON.stringify({
|
||||
origin_asset_id: this.state.user.asset.id,
|
||||
dest_asset_id: parseInt(this.state.dest_asset_id),
|
||||
|
|
@ -283,7 +306,7 @@ class App extends Component {
|
|||
return (
|
||||
<div className="App">
|
||||
|
||||
<h1>WebRTC Client 0.2</h1>
|
||||
<h1>WebRTC Client 0.1 - {Math.random()}</h1>
|
||||
<br></br>
|
||||
|
||||
<h2><u>STUN and TURN servers</u></h2>
|
||||
|
|
|
|||
Loading…
Reference in New Issue