blindsidenetworks / moodle-atto_recordrtc

// Shorten access to M.atto_recordrtc.commonmodule namespace.

var cm = M.atto_recordrtc.commonmodule;

M.atto_recordrtc.videomodule = {

    init: function(scope) {

        // Assignment of global variables.

        cm.editorScope = scope; // Allows access to the editor's "this" context.

        cm.alertWarning = Y.one('div#alert-warning');

        cm.alertDanger = Y.one('div#alert-danger');

        cm.player = Y.one('video#player');

        cm.playerDOM = document.querySelector('video#player');

        cm.startStopBtn = Y.one('button#start-stop');

        cm.uploadBtn = Y.one('button#upload');

        cm.recType = 'video';

        cm.olderMoodle = scope.get('oldermoodle');

        // Extract the numbers from the string, and convert to bytes.

        cm.maxUploadSize = window.parseInt(scope.get('maxrecsize').match(/\d+/)[0], 10) * Math.pow(1024, 2);

        // Show alert and close plugin if WebRTC is not supported.

        cm.check_has_gum();

        // Show alert and redirect user if connection is not secure.

        cm.check_secure();

        // Show alert if using non-ideal browser.

        cm.check_browser();

        // Run when user clicks on "record" button.

        cm.startStopBtn.on('click', function() {

            cm.startStopBtn.set('disabled', true);

            // If button is displaying "Start Recording" or "Record Again".

            if ((cm.startStopBtn.get('textContent') === M.util.get_string('startrecording', 'atto_recordrtc')) ||

                (cm.startStopBtn.get('textContent') === M.util.get_string('recordagain', 'atto_recordrtc')) ||

                (cm.startStopBtn.get('textContent') === M.util.get_string('recordingfailed', 'atto_recordrtc'))) {

                // Make sure the upload button is not shown.

                cm.uploadBtn.ancestor().ancestor().addClass('hide');

                // Change look of recording button.

                if (!cm.olderMoodle) {

                    cm.startStopBtn.replaceClass('btn-outline-danger', 'btn-danger');

                }

                // Empty the array containing the previously recorded chunks.

                cm.chunks = [];

                cm.blobSize = 0;

                // Initialize common configurations.

                var commonConfig = {

                    // When the stream is captured from the microphone/webcam.

                    onMediaCaptured: function(stream) {

                        // Make video stream available at a higher level by making it a property of the common module.

                        cm.stream = stream;

                        cm.start_recording(cm.recType, cm.stream);

                    },

                    // Revert button to "Record Again" when recording is stopped.

                    onMediaStopped: function(btnLabel) {

                        cm.startStopBtn.set('textContent', btnLabel);

                        cm.startStopBtn.set('disabled', false);

                        if (!cm.olderMoodle) {

                            cm.startStopBtn.replaceClass('btn-danger', 'btn-outline-danger');

                        }

                    },

                    // Handle recording errors.

                    onMediaCapturingFailed: function(error) {

                        cm.handle_gum_errors(error, commonConfig);

                    }

                };

                // Show video tag without controls to view webcam stream.

                cm.player.ancestor().ancestor().removeClass('hide');

                cm.player.set('controls', false);

                // Capture audio+video stream from webcam/microphone.

                M.atto_recordrtc.videomodule.captureAudioVideo(commonConfig);

            } else { // If button is displaying "Stop Recording".

                // First of all clears the countdownTicker.

                window.clearInterval(cm.countdownTicker);

                // Disable "Record Again" button for 1s to allow background processing (closing streams).

                window.setTimeout(function() {

                    cm.startStopBtn.set('disabled', false);

                }, 1000);

                // Stop recording.

                M.atto_recordrtc.videomodule.stopRecording(cm.stream);

                // Change button to offer to record again.

                cm.startStopBtn.set('textContent', M.util.get_string('recordagain', 'atto_recordrtc'));

                if (!cm.olderMoodle) {

                    cm.startStopBtn.replaceClass('btn-danger', 'btn-outline-danger');

                }

            }

        });

    },

    // Setup to get audio+video stream from microphone/webcam.

    captureAudioVideo: function(config) {

        cm.capture_user_media(

            // Media constraints.

            {

                audio: true,

                video: {

                    width: {ideal: 640},

                    height: {ideal: 480}

                }

            },

            // Success callback.

            function(audioVideoStream) {

                // Set video player source to microphone+webcam stream, and play it back as it's recording.

                cm.playerDOM.srcObject = audioVideoStream;

                cm.playerDOM.play();

                config.onMediaCaptured(audioVideoStream);

            },

            // Error callback.

            function(error) {

                config.onMediaCapturingFailed(error);

            }

        );

    },

    stopRecording: function(stream) {

        // Stop recording microphone stream.

        cm.mediaRecorder.stop();

        // Stop each individual MediaTrack.

        stream.getTracks().forEach(function(track) {

            track.stop();

        });

    }

};