multirtc-websocket/ui.settings.js

1) It is a skype-like demo using WebRTC for realtime connections! 2) It allows you enable/disable webcams; and join with or without webcams! 3) It allows you share screen using existing peer connections! 4) It allows you share files with preview and downl

// Muaz Khan         - www.MuazKhan.com
// MIT License       - www.WebRTC-Experiment.com/licence
// Experiments       - github.com/muaz-khan/WebRTC-Experiment

var settingsPanel = getElement('.settings-panel');
getElement('#settings').onclick = function() {
    settingsPanel.style.display = 'block';
};

getElement('#save-settings').onclick = function() {
    settingsPanel.style.display = 'none';

    if (!!getElement('#autoTranslateText').checked) {
        rtcMultiConnection.autoTranslateText = true;
        rtcMultiConnection.language = getElement('#language').value;
    } else rtcMultiConnection.autoTranslateText = false;

    rtcMultiConnection.bandwidth.audio = getElement('#audio-bandwidth').value;
    rtcMultiConnection.bandwidth.video = getElement('#video-bandwidth').value;

    rtcMultiConnection.sdpConstraints.mandatory = {
        OfferToReceiveAudio: !!getElement('#OfferToReceiveAudio').checked,
        OfferToReceiveVideo: !!getElement('#OfferToReceiveVideo').checked,
        IceRestart: !!getElement('#IceRestart').checked
    };

    var videWidth = getElement('#video-width').value;
    var videHeight = getElement('#video-height').value;
    rtcMultiConnection.mediaConstraints.mandatory = {
        minWidth: videWidth,
        maxWidth: videWidth,
        minHeight: videHeight,
        maxHeight: videHeight
    };

    rtcMultiConnection.preferSCTP = !!getElement('#prefer-sctp').checked;
    rtcMultiConnection.chunkSize = +getElement('#chunk-size').value;
    rtcMultiConnection.chunkInterval = +getElement('#chunk-interval').value;

    window.skipRTCMultiConnectionLogs = !!getElement('#skip-RTCMultiConnection-Logs').checked;

    //rtcMultiConnection.selectDevices(getElement('#audio-devices').value, getElement('#video-devices').value);
    rtcMultiConnection.maxParticipantsAllowed = getElement('#max-participants-allowed').value;
    rtcMultiConnection.candidates = {
        relay: getElement('#prefer-stun').checked,
        reflexive: getElement('#prefer-turn').checked,
        host: getElement('#prefer-host').checked
    };

    rtcMultiConnection.dataChannelDict = eval('(' + getElement('#dataChannelDict').value + ')');

    if (!!getElement('#fake-pee-connection').checked) {
        // http://www.rtcmulticonnection.org/docs/fakeDataChannels/
        rtcMultiConnection.fakeDataChannels = true;
        rtcMultiConnection.session = { };
    }
    ;
};

var audioDeviecs = getElement('#audio-devices');
var videoDeviecs = getElement('#video-devices');

rtcMultiConnection.getDevices(function(devices) {
    for (var device in devices) {
        device = devices[device];
        appendDevice(device);
    }
});

function appendDevice(device) {
    var option = document.createElement('option');
    option.value = device.id;
    option.innerHTML = device.label || device.id;
    if (device.kind == 'audio') {
        audioDeviecs.appendChild(option);
    } else videoDeviecs.appendChild(option);
}