jacobprudhomme / moodle-tinymce_recordrtc

M.tinymce_recordrtc = M.tinymce_recordrtc || {};

// Extract plugin settings to params hash.

(function() {

    var params = {};

    var r = /([^&=]+)=?([^&]*)/g;

    var d = function(s) {

        return window.decodeURIComponent(s.replace(/\+/g, ' '));

    };

    var search = window.location.search;

    var match = r.exec(search.substring(1));

    while (match) {

        params[d(match[1])] = d(match[2]);

        if (d(match[2]) === 'true' || d(match[2]) === 'false') {

            params[d(match[1])] = d(match[2]) === 'true' ? true : false;

        }

        match = r.exec(search.substring(1));

    }

    window.params = params;

})();

// Initialize some variables.

var alertWarning = null;

var alertDanger = null;

var mediaRecorder = null;

var player = null;

var playerDOM = null;

var recType = null;

var startStopBtn = null;

var uploadBtn = null;

var socket = null;

// Notify and redirect user if plugin is used from insecure location.

M.tinymce_recordrtc.check_secure = function() {

    var isSecureOrigin = (window.location.protocol === 'https:') ||

                         (window.location.host.indexOf('localhost') !== -1);

    if (!isSecureOrigin) {

        alertDanger.ancestor().ancestor().removeClass('hide');

    }

};

// Display "consider switching browsers" message if not using:

// - Firefox 29+;

// - Chrome 49+;

// - Opera 36+.

M.tinymce_recordrtc.check_browser = function() {

    if (!((window.bowser.firefox && window.bowser.version >= 29) ||

          (window.bowser.chrome && window.bowser.version >= 49) ||

          (window.bowser.opera && window.bowser.version >= 36))) {

        alertWarning.ancestor().ancestor().removeClass('hide');

    }

};

// Attempt to connect to the premium server via Socket.io.

M.tinymce_recordrtc.init_connection = function() {

    socket.connect();

    socket.on('connect', function() {

        // Send key and secret from Moodle settings

        socket.emit('authentication', {

            key: window.params.apikey,

            secret: window.params.apisecret

        });

        socket.on('authenticated', function() {

            // Continue as normal.

        });

            Y.use('moodle-core-notification-alert', function() {

                    title: M.util.get_string('notpremium_title', 'tinymce_recordrtc'),

                    message: M.util.get_string('notpremium', 'tinymce_recordrtc')

                });

            });

        });

    });

    socket.on('connect_error', function() {

        socket.disconnect();

        Y.use('moodle-core-notification-alert', function() {

                title: M.util.get_string('servernotfound_title', 'tinymce_recordrtc'),

                message: M.util.get_string('servernotfound', 'tinymce_recordrtc')

            });

        });

    });

};

// Capture webcam/microphone stream.

M.tinymce_recordrtc.capture_user_media = function(mediaConstraints, successCallback, errorCallback) {

    window.navigator.mediaDevices.getUserMedia(mediaConstraints).then(successCallback).catch(errorCallback);

};

// Push chunks of audio/video to server when made available.

M.tinymce_recordrtc.handle_data_available = function(event) {

    socket.emit('data available', event.data);

};

// Stop recording and handle end.

    startStopBtn.set('textContent', 'Start Recording');

    socket.emit('recording stopped');

    socket.on('save finished', function(path) {

        player.set('src', path);

        player.set('controls', true);

        player.set('muted', false);

        player.ancestor().ancestor().removeClass('hide'); // AUDIO ONLY

    });

};

// Get everything set up to start recording.

M.tinymce_recordrtc.start_recording = function(type, stream) {

    // Generate filename with random ID and file extension.

    var fileName = (Math.random() * 1000).toString().replace('.', '');

    if (type === 'audio') {

        fileName += '-audio.ogg';

    } else {

        fileName += '-video.webm';

    }

    var data = {

        contextid: window.params.contextid,

        type: recType,

        itemid: window.params.sesskey, // Use session key as item ID.

        filename: fileName

    };

    socket.emit('recording started', data);

    // The options for the recording codecs and bitrates.

    var options = null;

    if (type === 'audio') {

        if (window.MediaRecorder.isTypeSupported('audio/webm;codecs=opus')) {

            options = {

                audioBitsPerSecond: window.params.audiobitrate,

                mimeType: 'audio/webm;codecs=opus'

            };

        } else if (window.MediaRecorder.isTypeSupported('audio/ogg;codecs=opus')) {

            options = {

                audioBitsPerSecond: window.params.audiobitrate,

                mimeType: 'audio/ogg;codecs=opus'

            };

        }

    } else {

        if (window.MediaRecorder.isTypeSupported('video/webm;codecs=vp9,opus')) {

            options = {

                audioBitsPerSecond: window.params.audiobitrate,

                videoBitsPerSecond: window.params.videobitrate,

                mimeType: 'video/webm;codecs=vp9,opus'

            };

        } else if (window.MediaRecorder.isTypeSupported('video/webm;codecs=h264,opus')) {

            options = {

                audioBitsPerSecond: window.params.audiobitrate,

                videoBitsPerSecond: window.params.videobitrate,

                mimeType: 'video/webm;codecs=h264,opus'

            };

        } else if (window.MediaRecorder.isTypeSupported('video/webm;codecs=vp8,opus')) {

            options = {

                audioBitsPerSecond: window.params.audiobitrate,

                videoBitsPerSecond: window.params.videobitrate,

                mimeType: 'video/webm;codecs=vp8,opus'

            };

        }

    }

    // If none of the options above are supported, fall back on browser defaults.

    mediaRecorder = options ? new window.MediaRecorder(stream, options)

                            : new window.MediaRecorder(stream);

    socket.on('recording started', function() {

        // Make button clickable again, to allow stopping recording.

        startStopBtn.set('textContent', M.util.get_string('stoprecording', 'tinymce_recordrtc'));

        startStopBtn.set('disabled', false);

        // Mute audio, distracting while recording.

        player.set('muted', true);

        mediaRecorder.ondataavailable = M.tinymce_recordrtc.handle_data_available;

        mediaRecorder.onstop = M.tinymce_recordrtc.handle_stop;

        mediaRecorder.start(1500); // Capture in 1.5s chunks.

    });

};

// Generates link to recorded annotation to be inserted.

M.tinymce_recordrtc.create_annotation = function(type, recording_url) {

    var linkText = window.prompt(M.util.get_string('annotationprompt', 'tinymce_recordrtc'),

                                 M.util.get_string('annotation:' + type, 'tinymce_recordrtc'));

    // Return HTML for annotation link, if user did not press "Cancel".

    if (!linkText) {

        return undefined;

    } else {

        var annotation = '<div><a target="_blank" href="' + recording_url + '">' + linkText + '</a></div>';

        return annotation;

    }

};

// Inserts link to annotation in editor text area.

M.tinymce_recordrtc.insert_annotation = function(type, recording_url) {

    var annotation = M.tinymce_recordrtc.create_annotation(type, recording_url);

    // Insert annotation link.

    // If user pressed "Cancel", just go back to main recording screen.

    if (!annotation) {

        uploadBtn.set('textContent', M.util.get_string('attachrecording', 'tinymce_recordrtc'));

    } else {

        tinyMCEPopup.editor.execCommand('mceInsertContent', false, annotation);

        tinyMCEPopup.close();

    }

};