Actualización

main/inc/lib/javascript/record_audio/record_audio.js

@@ -0,0 +1,284 @@
+/* For licensing terms, see /license.txt */
+
+window.RecordAudio = (function () {
+    function startTimer() {
+        $("#timer").show();
+        var timerData = {
+            hour: parseInt($("#hour").text()),
+            minute: parseInt($("#minute").text()),
+            second: parseInt($("#second").text())
+        };
+
+        clearInterval(window.timerInterval);
+        window.timerInterval = setInterval(function(){
+            // Seconds
+            timerData.second++;
+            if (timerData.second >= 60) {
+                timerData.second = 0;
+                timerData.minute++;
+            }
+
+            // Minutes
+            if (timerData.minute >= 60) {
+                timerData.minute = 0;
+                timerData.hour++;
+            }
+
+            $("#hour").text(timerData.hour < 10 ? '0' + timerData.hour : timerData.hour);
+            $("#minute").text(timerData.minute < 10 ? '0' + timerData.minute : timerData.minute);
+            $("#second").text(timerData.second < 10 ? '0' + timerData.second : timerData.second);
+        }, 1000);
+    }
+
+    function stopTimer() {
+        $("#hour").text('00');
+        $("#minute").text('00');
+        $("#second").text('00');
+        $("#timer").hide();
+    }
+
+    function pauseTimer() {
+        clearInterval(window.timerInterval);
+    }
+
+    function useRecordRTC(rtcInfo, fileName) {
+        $(rtcInfo.blockId).show();
+
+        var mediaConstraints = {audio: true},
+            recordRTC = null,
+            txtName = $('#audio-title-rtc'),
+            btnStart = $(rtcInfo.btnStartId),
+            btnPause = $(rtcInfo.btnPauseId),
+            btnPlay = $(rtcInfo.btnPlayId),
+            btnStop = $(rtcInfo.btnStopId),
+            btnSave = rtcInfo.btnSaveId ? $(rtcInfo.btnSaveId) : null,
+            tagAudio = $(rtcInfo.plyrPreviewId);
+
+        function saveAudio() {
+            var recordedBlob = recordRTC.getBlob();
+
+            if (!recordedBlob) {
+                return;
+            }
+
+            var btnSaveText = btnSave ? btnSave.html() : '';
+            var fileExtension = '.' + recordedBlob.type.split('/')[1];
+
+            var formData = new FormData();
+            formData.append('audio_blob', recordedBlob, fileName + fileExtension);
+            formData.append('audio_dir', rtcInfo.directory);
+
+            var courseParams = "";
+            if (rtcInfo.cidReq) {
+                courseParams = "&"+rtcInfo.cidReq;
+            }
+
+            $.ajax({
+                url: _p.web_ajax + 'record_audio_rtc.ajax.php?' + _p.web_cid_query + $.param({
+                    type: rtcInfo.type,
+                    tool: (!!txtName.length ? 'document' : 'exercise')
+                }) + courseParams,
+                data: formData,
+                processData: false,
+                contentType: false,
+                type: 'POST',
+                beforeSend: function () {
+                    btnStart.prop('disabled', true);
+                    btnPause.prop('disabled', true);
+                    btnPlay.prop('disabled', true);
+                    btnStop.prop('disabled', true);
+                    if (btnSave) {
+                        btnSave.prop('disabled', true).text(btnSave.data('loadingtext'));
+                    }
+                }
+            }).done(function (response) {
+                if (!!txtName.length) {
+                    if (rtcInfo.reload_page == 1) {
+                        window.location.reload();
+                        return;
+                    }
+                }
+
+                $(response.message).insertAfter($(rtcInfo.blockId).find('.well'));
+            }).always(function () {
+                if (btnSave) {
+                    btnSave.prop('disabled', true).addClass('hidden').html(btnSaveText);
+                }
+                btnStop.prop('disabled', true).addClass('hidden');
+                btnPause.prop('disabled', true).addClass('hidden');
+                btnStart.prop('disabled', false).removeClass('hidden');
+                txtName.prop('readonly', false);
+            });
+        }
+
+        btnStart.on('click', function () {
+            if (!fileName) {
+                fileName = txtName.val();
+
+                if (!$.trim(fileName)) {
+                    return;
+                }
+            }
+
+            function successCallback(stream) {
+                stopTimer();
+                startTimer();
+                recordRTC = RecordRTC(stream, {
+                    recorderType: RecordRTC.StereoAudioRecorder,
+                    type: 'audio',
+                    mimeType: 'audio/wav',
+                    numberOfAudioChannels: 2
+                });
+                recordRTC.startRecording();
+
+                txtName.prop('readonly', true);
+                if (btnSave) {
+                    btnSave.prop('disabled', true).addClass('hidden');
+                }
+                btnStop.prop('disabled', false).removeClass('hidden');
+                btnStart.prop('disabled', true).addClass('hidden');
+                btnPause.prop('disabled', false).removeClass('hidden');
+                tagAudio.removeClass('show').addClass('hidden');
+            }
+
+            function errorCallback(error) {
+                stopTimer();
+                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);
+        });
+
+        btnPause.on('click', function () {
+            if (!recordRTC) {
+                return;
+            }
+            pauseTimer();
+
+            btnPause.prop('disabled', true).addClass('hidden');
+            btnPlay.prop('disabled', false).removeClass('hidden');
+            btnStop.prop('disabled', true).addClass('hidden');
+            recordRTC.pauseRecording();
+        });
+
+        btnPlay.on('click', function () {
+            if (!recordRTC) {
+                return;
+            }
+
+            btnPlay.prop('disabled', true).addClass('hidden');
+            btnPause.prop('disabled', false).removeClass('hidden');
+            btnStop.prop('disabled', false).removeClass('hidden');
+            recordRTC.resumeRecording();
+            startTimer();
+        });
+
+        btnStop.on('click', function () {
+            if (!recordRTC) {
+                return;
+            }
+            stopTimer();
+            recordRTC.stopRecording(function (audioURL) {
+                btnStart.prop('disabled', false).removeClass('hidden');
+                btnPause.prop('disabled', true).addClass('hidden');
+                btnStop.prop('disabled', true).addClass('hidden');
+
+                if (btnSave) {
+                    btnSave.prop('disabled', false).removeClass('hidden');
+                } else {
+                    saveAudio();
+                }
+
+                $(rtcInfo.plyrPreviewId + '-previous').parents('.form-group').remove();
+
+                tagAudio
+                    .removeClass('hidden')
+                    .addClass('show')
+                    .prop('src', audioURL);
+            });
+        });
+
+        if (btnSave) {
+            btnSave.on('click', function () {
+                if (!recordRTC) {
+                    return;
+                }
+
+                saveAudio();
+            });
+        }
+    }
+
+    function useWami(wamiInfo, fileName) {
+        $(wamiInfo.blockId).show();
+
+        if (!fileName) {
+            $('#btn-activate-wami').on('click', function (e) {
+                e.preventDefault();
+
+                fileName = $('#audio-title-wami').val();
+
+                if (!$.trim(fileName)) {
+                    return;
+                }
+
+                $('#audio-title-wami').prop('readonly', true);
+                $(this).prop('disabled', true);
+
+                Wami.setup({
+                    id: wamiInfo.containerId,
+                    onReady : setupGUI,
+                    swfUrl: _p.web_lib + 'wami-recorder/Wami.swf'
+                });
+            });
+        } else {
+            Wami.setup({
+                id: wamiInfo.containerId,
+                onReady: setupGUI,
+                swfUrl: _p.web_lib + 'wami-recorder/Wami.swf'
+            });
+        }
+
+        function setupGUI() {
+            var gui = new Wami.GUI({
+                id: wamiInfo.containerId,
+                singleButton: true,
+                recordUrl: _p.web_ajax + 'record_audio_wami.ajax.php?' + _p.web_cid_query + $.param({
+                    waminame: fileName + '.wav',
+                    wamidir: wamiInfo.directory,
+                    wamiuserid: wamiInfo.userId,
+                    type: wamiInfo.type
+                }),
+                buttonUrl: _p.web_lib + 'wami-recorder/buttons.png',
+                buttonNoUrl: _p.web_img + 'blank.gif'
+            });
+
+            gui.setPlayEnabled(false);
+        }
+    }
+
+    return {
+        init: function (rtcInfo, wamiInfo, fileName) {
+            $(rtcInfo.blockId + ', ' + wamiInfo.blockId).hide();
+
+            var webRTCIsEnabled = navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.getUserMedia ||
+                navigator.mediaDevices.getUserMedia;
+
+            if (webRTCIsEnabled) {
+                useRecordRTC(rtcInfo, fileName);
+
+                return;
+            }
+
+            useWami(wamiInfo, fileName);
+        }
+    }
+})();