movim_ynh/sources/app/widgets/Visio/visio.js

function notifyOpener() {    
    document.querySelector('#connection').style.display = 'none';
    if(self.opener || !self.opener.Popup.win) 
        self.opener.Popup.win = self;
}

setInterval( notifyOpener, 200 );

self.focus();

VISIO_JID = '';
VISIO_RESOURCE = '';

/**
 * When an error occured
 */
window.onerror = function() {
    document.querySelector('#connection').style.display = 'block'; 
};

/**
 * When the popup is closed
 */
window.onunload = function() {
    //self.opener.Roster_ajaxToggleChat();
};

var Visio = {
    isVideoMuted: false,
    
    fullScreen: function() {
        var toggle = document.querySelector("#toggle-screen i");
        
        if(document.fullscreenElement == null
        && document.mozFullScreenElement == null
        && document.webkitFullscreenElement == null) {  // current working methods
            toggle.className = toggle.className.replace('fa-expand', 'fa-compress');

            if (document.documentElement.requestFullscreen) {            
              document.documentElement.requestFullscreen();
            } else if (document.documentElement.mozRequestFullScreen) {
              document.documentElement.mozRequestFullScreen();
            } else if (document.documentElement.webkitRequestFullscreen) {
              document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
            }
        } else {
            toggle.className = toggle.className.replace('fa-compress', 'fa-expand');
            
            if (document.cancelFullScreen) {
              document.cancelFullScreen();
            } else if (document.mozCancelFullScreen) {
              document.mozCancelFullScreen();
            } else if (document.webkitCancelFullScreen) {
              document.webkitCancelFullScreen();
            }
        }
    },

    log: function(content) {
        var date = new Date();
        movim_prepend(
            "log",
            "<div>["
                + date.getHours() + ":"+date.getMinutes() + ":"+date.getSeconds() + "] "
                + content +
            "</div>");
    },

    toggleVideoMute: function() {
        videoTracks = localStream.getVideoTracks();
        var camera = document.getElementById("toggle-camera");

        if (videoTracks.length === 0) {
            console.log('No local video available.');
            return;
        }

        if (this.isVideoMuted) {
            for (i = 0; i < videoTracks.length; i++) {
                videoTracks[i].enabled = true;
            }

            camera.className = camera.className.replace('camera-off', 'camera');
            console.log('Video unmuted.');
        } else {
            for (i = 0; i < videoTracks.length; i++) {
                videoTracks[i].enabled = false;
            }

            camera.className = camera.className.replace('camera', 'camera-off');
                console.log('Video muted.');
        }

        this.isVideoMuted = !this.isVideoMuted;
    },

    toggleAudioMute: function() {
        audioTracks = localStream.getAudioTracks();
        var micro = document.getElementById("toggle-microphone");

        if (audioTracks.length === 0) {
            console.log('No local audio available.');
            return;
        }

        if (this.isAudioMuted) {
            for (i = 0; i < audioTracks.length; i++) {
                audioTracks[i].enabled = true;
            }

            micro.className = micro.className.replace('microphone-off', 'microphone');
            console.log('Video unmuted.');
        } else {
            for (i = 0; i < audioTracks.length; i++) {
                audioTracks[i].enabled = false;
            }

            micro.className = micro.className.replace('microphone', 'microphone-off');
            console.log('Video muted.');
        }

        this.isAudioMuted = !this.isAudioMuted;
    },

    readStack: function() {
        if(self.opener.popup.stack != null) {
            var stack = self.opener.popup.stack;

            if(stack.jid != null) {
                jid = stack.jid.split('/');
                VISIO_JID       = jid[0]; 
                VISIO_RESOURCE = jid[1];

                delete stack.jid;
            }

            for(var call in stack) {
                console.log('Call function ' + call);
                window[call].call(null, stack[call]);
                delete stack[call];
            }
        }
    }
}

movim_add_onload(function()
{
    maybeRequestTurn();
    document.getElementById("call").addEventListener('click', function() { init(true); answer(true); }, false);
    document.getElementById("hang-up").addEventListener('click', function() { sendTerminate('success'); terminate(); }, false);
    document.getElementById("toggle-screen").addEventListener('click', function() { Visio.fullScreen(); }, false);
    document.getElementById("toggle-camera").addEventListener('click', function() { Visio.toggleVideoMute(); }, false);
    document.getElementById("toggle-microphone").addEventListener('click', function() { Visio.toggleAudioMute(); }, false);

    Visio.readStack();
    Visio_ajaxGetContact(VISIO_JID);
});