chamilo-lms/plugin/whispeakauth/assets/js/RecordAudio.js

/* For licensing terms, see /license.txt */

window.RecordAudio = (function () {
    var timerInterval = 0,
        $txtTimer = null,
        isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);

    function startTimer() {
        stopTimer();

        $txtTimer = $('#txt-timer');

        $txtTimer.text('00:00').css('visibility', 'visible');

        var timerData = {
            hour: 0,
            minute: 0,
            second: 0
        };

        timerInterval = setInterval(function(){
            timerData.second++;

            if (timerData.second >= 60) {
                timerData.second = 0;
                timerData.minute++;
            }


            $txtTimer.text(
                function () {
                    var txtSeconds = timerData.minute < 10 ? '0' + timerData.minute : timerData.minute,
                        txtMinutes = timerData.second < 10 ? '0' + timerData.second : timerData.second;

                    return txtSeconds + ':' + txtMinutes;
                }
            );
        }, 1000);
    }

    function stopTimer() {
        if (timerInterval) {
            clearInterval(timerInterval);
        }

        if ($txtTimer) {
            $txtTimer.css('visibility', 'hidden');
        }
    }

    function useRecordRTC(rtcInfo) {
        $(rtcInfo.blockId).show();

        var mediaConstraints = {audio: true},
            localStream = null,
            recordRTC = null,
            btnStart = $(rtcInfo.btnStartId),
            btnStop = $(rtcInfo.btnStopId),
            btnSave = $(rtcInfo.btnSaveId),
            tagAudio = $(rtcInfo.plyrPreviewId);

        function saveAudio() {
            var recordedBlob = recordRTC.getBlob();

            if (!recordedBlob) {
                return;
            }

            var btnSaveText = btnSave.html();
            var fileExtension = recordedBlob.type.split('/')[1];

            var formData = new FormData();
            formData.append('audio', recordedBlob, 'audio.' + fileExtension);

            for (var prop in rtcInfo.data) {
                if (!rtcInfo.data.hasOwnProperty(prop)) {
                    continue;
                }

                formData.append(prop, rtcInfo.data[prop]);
            }

            $.ajax({
                url: _p.web_plugin + 'whispeakauth/ajax/record_audio.php',
                data: formData,
                processData: false,
                contentType: false,
                type: 'POST',
                beforeSend: function () {
                    btnStart.prop('disabled', true);
                    btnStop.prop('disabled', true);
                    btnSave.prop('disabled', true).text(btnSave.data('loadingtext'));
                }
            }).done(function (response) {
                $('#messages-deck').append(response);
            }).always(function () {
                btnSave.prop('disabled', true).html(btnSaveText).parent().addClass('hidden');
                btnStop.prop('disabled', true).parent().addClass('hidden');
                btnStart.prop('disabled', false).parent().removeClass('hidden');
            });
        }

        btnStart.on('click', function () {
            tagAudio.prop('src', '');

            function successCallback(stream) {
                localStream = stream;

                recordRTC = RecordRTC(stream, {
                    recorderType: isSafari ? RecordRTC.StereoAudioRecorder : RecordRTC.MediaStreamRecorder,
                    type: 'audio'
                });
                recordRTC.startRecording();

                btnSave.prop('disabled', true).parent().addClass('hidden');
                btnStop.prop('disabled', false).parent().removeClass('hidden');
                btnStart.prop('disabled', true).parent().addClass('hidden');
                tagAudio.removeClass('show').parents('#audio-wrapper').addClass('hidden');
            }

            function errorCallback(error) {
                alert(error);
            }

            if(!!(navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia)) {
                navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
                navigator.getUserMedia(mediaConstraints, successCallback, errorCallback);
                return;
            }

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

        btnStop.on('click', function () {
            if (!recordRTC) {
                return;
            }

            recordRTC.stopRecording(function (audioURL) {
                btnStart.prop('disabled', false).parent().removeClass('hidden');
                btnStop.prop('disabled', true).parent().addClass('hidden');
                btnSave.prop('disabled', false).parent().removeClass('hidden');

                tagAudio
                    .prop('src', audioURL)
                    .parents('#audio-wrapper')
                    .removeClass('hidden')
                    .addClass('show');

                localStream.getTracks()[0].stop();
            });
        });

        btnSave.on('click', function () {
            if (!recordRTC) {
                return;
            }

            saveAudio();
        });
    }

    return {
        init: function (rtcInfo) {
            $(rtcInfo.blockId).hide();

            var userMediaEnabled = (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) ||
                !!navigator.webkitGetUserMedia ||
                !!navigator.mozGetUserMedia ||
                !!navigator.getUserMedia;

            if (!userMediaEnabled) {
                return;
            }

            useRecordRTC(rtcInfo);
        }
    }
})();