movim/app/widgets/Visio/webrtc.js

var DtlsSrtpKeyAgreement = {
   DtlsSrtpKeyAgreement: true
};

var optional = {
   optional: [DtlsSrtpKeyAgreement]
};

var pc;
var remoteStream;
var localStream;

// Set up audio and video regardless of what devices are present.
var sdpConstraints = {'mandatory': {
                      'OfferToReceiveAudio': true,
                      'OfferToReceiveVideo': true }};

function onIceConnectionStateChanged(event) {
    Visio.log('onIceConnectionStateChanged');
    Visio.log(event);
}

function onSignalingStateChanged(event) {
    Visio.log('onSignalingStateChanged');
    Visio.log(event);
}

function onIceCandidateAdded(event) {
    Visio.log('onIceCandidateAdded');
    Visio.log(event);
}

function onRemoteIceCandidateAdded(event) {
    Visio.log('onRemoteIceCandidateAdded');
    Visio.log(event);
}

function onRemoteIceCandidateError(event) {
    Visio.log('onRemoteIceCandidateError');
    Visio.log(event);
}

function onSignalingStateChanged(event) {
    Visio.log('onSignalingStateChanged');
    Visio.log(event);
}

function onRemoteStreamAdded(event) {
    var vid = document.getElementById('remote-video');
    
    vid.src = window.URL.createObjectURL(event.stream);
    
    remoteStream = event.stream;

    console.log(remoteStream);
    console.log(vid);
    /*
    audioTracks = remoteStream.getAudioTracks();

    for (i = 0; i < audioTracks.length; i++) {
      audioTracks[i].enabled = true;
    }*/
}

function onError(err) {
    console.log(err);
}

function onOfferCreated(offer) {
    pc.setLocalDescription(offer,onSetSessionDescriptionSuccess, onSetSessionDescriptionError);

    sendMessage(offer);
}

function onAnswerCreated(offer) {
    pc.setLocalDescription(offer,onSetSessionDescriptionSuccess, onSetSessionDescriptionError);

    sendMessage(offer, true);    
}

function onIceCandidate(event) {
    Visio.log('onIceCandidate');
    console.log(event);
    candidate = {};

    if(event.candidate != null) {
        candidate.sdp = event.candidate.candidate;
        candidate.mid = event.candidate.sdpMid;
        candidate.line = event.candidate.sdpMLineIndex;

        candidate.jid = VISIO_JID;
        candidate.ressource = VISIO_RESSOURCE;

        var msgString = JSON.stringify(candidate);
        
        Visio.call(['VisioExt_ajaxSendCandidate', msgString]);
    }
}

function sendMessage(msg, accept) {
    offer = {};
    offer.sdp = msg.sdp;
    
    offer.jid = VISIO_JID;
    offer.ressource = VISIO_RESSOURCE;

    document.getElementById('visio').className = 'calling';
        
    if(webrtcDetectedBrowser == 'chrome') {
        setTimeout(function() {
            if(!accept)
                offer.sdp = pc.localDescription.sdp;
        
            var msgString = JSON.stringify(offer);
            
            if(accept) {
                Visio.log('Send the acceptance.');
                //Visio.log('ACCEPTANCE ' + msg.sdp);
                Visio.call(['VisioExt_ajaxSendAcceptance', msgString]);
            } else {
                Visio.log('Send the proposal.');
                //Visio.log('PROPOSAL ' + msg.sdp);


                Visio.call(['VisioExt_ajaxSendProposal', msgString]);      
            }
        }, 1000);
    } else {
        var msgString = JSON.stringify(offer);

        //console.log(offer);
        
        if(accept) {
            Visio.log('Send the acceptance.');
            Visio.log('ACCEPTANCE ' + msg.sdp);
            Visio.call(['VisioExt_ajaxSendAcceptance', msgString]);
        } else {
            Visio.log('Send the proposal.');
            Visio.log('PROPOSAL ' + msg.sdp);
            Visio.call(['VisioExt_ajaxSendProposal', msgString]);      
        }
    }
}

function onSetSessionDescriptionSuccess() {
    Visio.log('Set local session description success.');
}

function onSetSessionDescriptionError(error) {
    Visio.log('Failed to set local session description: ' + error.toString());
}

function onSetRemoteSessionDescriptionSuccess() {
    Visio.log('Set remote session description success.');
}

function onSetRemoteSessionDescriptionError(error) {
    //console.log('gnap');
    //console.log(error);
    Visio.log('Failed to set remote session description: ' + error.message);
}

function onOffer(offer) {
    offer = offer[0];
    
    Visio.log('Offer received.');
    Visio.log('OFFER ' + offer);

    //console.log(offer);
      
    if(!pc)
        init(false);
    
    if(offer != null) {
        
        var message = {};
        message.sdp = offer;
        message.type = 'offer';
        console.log(message);
        var desc = new RTCSessionDescription(message);
        console.log(desc);
        /*
        var desc = new RTCSessionDescription();
        desc.sdp = offer;
        desc.type = 'offer';
        */
        pc.setRemoteDescription(desc,
            onSetRemoteSessionDescriptionSuccess, onSetRemoteSessionDescriptionError);  
    }
}

function onAccept(offer) {
    offer = offer[0];
    
    Visio.log('Accept received.');
    Visio.log('ACCEPT ' + offer);

    if(offer != null) {
        //Visio.log('GN0P');
        /*var message = {};
        message.sdp = offer;
        message.type = 'anwser';
        console.log(message);*/
        var desc = new RTCSessionDescription(/*message*/);
        //console.log(desc);
        desc.sdp = offer;
        desc.type = 'answer';
        
        pc.setRemoteDescription(desc,
            onSetRemoteSessionDescriptionSuccess, onSetRemoteSessionDescriptionError);  
    }
}

function onCandidate(message) {
    var label = {
            'audio' : 0,
            'video' : 1
        };
    
    var candidate = new RTCIceCandidate({sdpMLineIndex: label[message[1]],
                                         candidate: message[0]});

    //console.log(candidate);
    pc.addIceCandidate(candidate, onRemoteIceCandidateAdded, onRemoteIceCandidateError);
}

function init(isCaller) {
    var configuration = {"iceServers":[{"url": "stun:23.21.150.121:3478"}]};

    try {
        pc = new RTCPeerConnection(configuration, optional);

        pc.onicecandidate = onIceCandidate;
        pc.onsignalingstatechange = onSignalingStateChanged;
        pc.oniceconnectionstatechange = onIceConnectionStateChanged;
        pc.onaddstream = onRemoteStreamAdded;
    } catch (e) {
        Visio.log('Failed to create PeerConnection, exception: ' + e.message);
        alert('Cannot create RTCPeerConnection object; \
              WebRTC is not supported by this browser.');
        return;
    }

    if(getUserMedia) {
        if (getUserMedia) {
            getUserMedia = getUserMedia.bind(navigator);
        }

        // Request the camera.
        getUserMedia(
        // Constraints
        {
          video: true, audio: true
        },

        // Success Callback
        function(localMediaStream) {
            // Get a reference to the video element on the page.
            var vid = document.getElementById('local-video');
            var avatar = document.getElementById('avatar');

            // Create an object URL for the video stream and use this 
            // to set the video source.
            vid.src = window.URL.createObjectURL(localMediaStream);

            localStream = localMediaStream;

            pc.addStream(localStream);
            channel = pc.createDataChannel("visio");
            
            if(isCaller)
                pc.createOffer(onOfferCreated, onError);
            else
                pc.createAnswer(onAnswerCreated, onError);
            
            //pc.createOffer(onOfferCreated, onError);
        },

        // Error Callback
        function(err) {
            // Log the error to the console.
            Visio.log('The following error occurred when trying to use getUserMedia: ' + err);
        }


        );
    } else {
        alert('Sorry, your browser does not support getUserMedia');
    }

    console.log(pc);

    //Visio.log(pc);
}

function terminate() {
    // We close the RTCPeerConnection
    pc.close();

    // We close the local webcam and microphone
    localStream.stop();
    remoteStream = null;
    
    Visio.call(['VisioExt_ajaxSendSessionTerminate', VISIO_JID, VISIO_RESSOURCE]);
    
    // Get a reference to the video elements on the page.
    var vid = document.getElementById('local-video');
    var rvid = document.getElementById('remote-video');

    document.getElementById('visio').className = '';
}