合并gbreplayer.js代码到gb.js

Keystion
1 parent ce1fcae2
Showing 1 changed file with 257 additions and 50 deletions
src/js/gb.js
@@ -1495,7 +1495,7 @@ $(function() {
             /* 解决Chrome浏览器非激活标签页下错乱问题 */
             (function() {
                 var hidden = "hidden";
-                
+
                 // Standards:
                 if (hidden in document)
                     document.addEventListener("visibilitychange", onchange);
@@ -1534,9 +1534,8 @@ $(function() {
                     /* Bugfix: Mobile Firefox has a bug here, when loading page it shows blur */
                     if (document.body.className === 'hidden') {
-                        if ($('#play').data('status') == 1) {
-                            $('#play').trigger('click');
-                        }
+                        // player.pauseCallback();
+                        // pauseCode()
                     }
                 }
                 // set the initial state
@@ -1679,7 +1678,7 @@ $(function() {
             var pausetatus = $('#pause').data('status');
             if (_role == 0 && pausetatus == 1) {
-                intervaltime = (currenttime - GBCodePlayBack.record_continue_time) + (GBCodePlayBack.record_pause_time - GBCodePlayBack.record_startime);
+                intervaltime = (currenttime - GBCodePlayBack.record_continue_time);
                 $('#pause').data('status', '0');
             }
@@ -1689,7 +1688,8 @@ $(function() {
                 editor: editor,
                 changeobj: changeobj,
                 trigger: 0,
-                playTime: 0
+                playTime: 0,
+                currenttime: currenttime
             };
             console.log('GBCodePlayBack.onChange');
             console.log(GBCodePlayBack.records);
@@ -1717,6 +1717,7 @@ $(function() {
                 record.trigger = 1; //标记已运行
                 record.playTime = new Date().getTime(); // 播放开始时间
+                GBCodePlayBack.codeTimes = 1;   // 
                 var resultData = {
                     output: record.output || '',
@@ -1870,11 +1871,22 @@ $(function() {
     // 开始录制
     $('#start-recording').click(function() {
+        $('#recordertab a:eq(0)').tab('show');
         // 编译状态
         var data = $(this).attr('data');
         var seconds = 0;
         $("#countdown").show();
+
+        var resultData = {
+            output: '',
+            stderr: '',
+            cmpinfo: '',
+            result: 1
+        };
+        runResult()
+
         if (data == 1) {
+            GBCodePlayBack.isRcording = 1;
             $("#countdown").find('img').attr('src', 'img/ready-go.gif');
             $("#countdown").find('img').load(function() {
                 var countdown = setInterval(function() {
@@ -1882,10 +1894,13 @@ $(function() {
                     if (seconds == 2) {
                         $("#countdown").hide();
                         startReacoder();
+                        compileResult(resultData);
                     }
                 }, 1000);
             })
         } else {
+            GBCodePlayBack.isRcording = 0;
+            GBCodePlayBack.htmleditor.setOption('readOnly', true);
             $("#countdown").hide();
             $("#re-recoding").show();
             $("#start-recording").hide();
@@ -1895,6 +1910,10 @@ $(function() {
     })
     $('#re-recoding').click(function() {
+        $('#audio')[0].pause();
+        Hourglass.stopTimer();
+        playEnd()
+        $('.audio-play').attr('disabled', false);
         $('.re-tips').show();
     })
@@ -1907,6 +1926,154 @@ $(function() {
         $(".re-tips").hide();
     })
+    // 切换自动/手动运行代码
+    $('#autorun').click(function(){
+        var $this = $(this), 
+            autorun = $this.data('autorun');
+        autoRun(autorun)
+        $this.data('autorun', (autorun) ? 0 : 1);
+        GBCodePlayBack.autorun = !GBCodePlayBack.autorun;
+        runResult()
+    });
+    
+    $('#runnow').click(function(){
+        runResult()
+    });
+
+    // 使用服务端编译语言
+    $('#comprunbtngrp').unbind("click").on('click', '#comprun', function(event){
+        event.preventDefault();
+        var l = Ladda.create(this);
+        $('#comprun').find('ladda-spinner').remove();
+        l.start();
+
+        if (!GBCodePlayBack.isRcording) {
+            compileRun(l)
+        }else{
+            var runStatus = $("#comprun").data('run');
+            if (runStatus == 1) {
+                Hourglass.pauseTimer(); // 暂停计时器
+                recorder.pause(); // 音频暂停
+            }
+            $("#comprun").data('run', 0);
+            $('.compile-loading').show();
+            // 暂停录制
+            var pauseState = $('#pause').data('pause');
+            if (pauseState == 1 && _role == 0) {
+                GBCodePlayBack.record_pause_time = new Date().getTime(); // 暂停的时间
+                var recordobj = {
+                    intervaltime: GBCodePlayBack.record_pause_time - GBCodePlayBack.record_startime,
+                    editor: 'html',
+                    changeobj: {
+                        from: {
+                            ch: 0,
+                            line: 0,
+                        },
+                        text: '',
+                        to: {
+                            ch: 0,
+                            line: 0,
+                        }
+                    },
+                    trigger: 0,
+                    playTime: 0
+                };
+                GBCodePlayBack.records.push(recordobj);
+
+                $('#pause').data('status', '1');
+                $('#pause').data('pause', '0');
+                $('#pause').removeClass('hidden').addClass('show');
+                $('#start-recording').hide();
+
+                $('.pause-shodow').removeClass('hidden').addClass('show');
+            }
+            compileRun(l)
+        }
+    });
+    
+
+    // 保存编译结果
+    $('#save_compile').unbind("click").click(function(){
+        var length = GBCodePlayBack.records.length - 1;
+        recodingConf()
+
+        GBCodePlayBack.records[length].compile = GBCodePlayBack.compileResultData;
+
+        GBCodePlayBack.records[length].output = GBCodePlayBack.compileResultData.output;
+        GBCodePlayBack.records[length].stderr = GBCodePlayBack.compileResultData.stderr;
+        GBCodePlayBack.records[length].cmpinfo = GBCodePlayBack.compileResultData.cmpinfo;
+        GBCodePlayBack.records[length].result = GBCodePlayBack.compileResultData.result;
+
+        contrlPause();
+    })
+
+    // 不保存编译结果
+    $('#cancel_compile').unbind('click').click(function(){
+        recodingConf()
+        contrlPause()
+    })
+
+    // 继续录制配置
+    function recodingConf(){
+        Hourglass.pauseTimer();
+        $("#comprun").data('run', 1);
+        GBCodePlayBack.record_startime = new Date().getTime();
+        GBCodePlayBack.record_continue_time = new Date().getTime();
+    }
+
+    // 切换自动/手动运行代码
+    function autoRun(autorun){
+        if(autorun===1){
+            $('#runnow').prop('disabled',false).html('手动运行').attr('data-original-title', '手动运行');
+        }else{
+            $('#runnow').prop('disabled',true).html('自动运行').attr('data-original-title', '自动运行');
+        }
+    }
+
+    // 编译结果
+    function runResult(){
+        if(typeof GBCodePlayBack.htmleditor !== 'undefined'){
+            GBCodePlayBack.generateResult(GBCodePlayBack.htmleditor.getValue());
+            return false;
+        }
+        if(typeof GBCodePlayBack.htmlplayereditor !== 'undefined'){
+            GBCodePlayBack.generateResult(GBCodePlayBack.htmlplayereditor.getValue());
+        }
+    }
+
+    // 云编译
+    function compileRun(l){
+        var code = (typeof GBCodePlayBack.htmleditor !=='undefined' && GBCodePlayBack.htmleditor.getValue())
+                    || (typeof GBCodePlayBack.htmlplayereditor !=='undefined' && GBCodePlayBack.htmlplayereditor.getValue());
+        var langid = $('#htmlbutton').data("languageid");
+        var input = $('#input').val() || '';
+        var compileData = {
+            code: code,
+            langid: langid,
+            input: input
+        }
+        $.ajax({
+            type: "post",
+            url: gxb_api + "/submit/submitCode/api",
+            data: JSON.stringify(compileData),
+            dataType: "json",
+            contentType: "application/json",
+            success: function(data) {
+                compileResult(data)
+                l.stop();
+
+                $('.compile-loading').hide();
+                $('.compile-reslut').show();
+                GBCodePlayBack.compileResultData = data;
+                
+            },
+            error: function(){
+                l.stop();
+                alert('错误');
+            }
+        });
+    }
+
     // 初始化页面
     function initRecoding() {
         console.log('initRecoding')
@@ -2115,7 +2282,7 @@ $(function() {
             // $('#comprunbtngrp').html('<button id="runnow" type="button" data-style="expand-right" class="btn" title="运行代码">&nbsp; 运行</button>');
         } else {
             $('#fontendrun').addClass('hidden');
-            $('#comprunbtngrp').html('<button id="comprun" data-toggle="tooltip" data-placement="bottom" type="button" data-style="expand-right" class="btn btn-default btn-sm" title="编译并运行代码">&nbsp;编译&运行</button>');
+            $('#comprunbtngrp').html('<button id="comprun" data-toggle="tooltip" data-placement="bottom" type="button" data-run="1" data-style="expand-right" class="btn comprun" title="编译并运行代码">&nbsp;编译&运行</button>');
             $('#ifrcontainer').addClass('hidden');
             $('#cmprun-output').removeClass('hidden');
@@ -2130,57 +2297,58 @@ $(function() {
     }
     // 播发代码
-    function playCoder() {
-
-        $('#recordertab a:eq(1)').tab('show');
-
-        var playstatus = $('#play').data('status');
-        if (!playstatus) {
-            var playbackrecord = GBCodePlayBack.records;
-            var starttime = playbackrecord[0].intervaltime;
-
-            for (var i = 0; i < playbackrecord.length; i++) {
-                if (playbackrecord[i].trigger === 0) {
-                    var timeoutcontroller = null;
-                    var replayinterval = playbackrecord[i].intervaltime,
-                        replay_enhancement_interval = GBCodePlayBack.replay_enhancement_value;
+    function playCode(){
+        if (GBCodePlayBack.firstPlay == 0) {
+            $('#readonly').trigger('click');
+            GBCodePlayBack.htmlplayereditor.setValue(GBCodePlayBack.pauseValue)
+        }else{
+            GBCodePlayBack.htmlplayereditor.setValue('')
+            var resultData = {
+                output: '',
+                stderr: '',
+                cmpinfo: '',
+                result: 1
+            };
+            compileResult(resultData);
+        }
-                    if (i === 0) {
+        var playbackrecord = GBCodePlayBack.records;
+        var starttime = 0;
+        var playTotalTime = 0;
+        
+        for (var i = 0; i < playbackrecord.length; i++) {
+            if (playbackrecord[i].trigger === 1) {
+                playTotalTime +=  parseInt(playbackrecord[i].intervaltime);
+            }else if (playbackrecord[i].trigger === 0) {
+                var timeoutcontroller = null;
+                var replayinterval = playbackrecord[i].intervaltime;
+
+                if (!GBCodePlayBack.isPause) {
+                    starttime = replayinterval - (GBCodePlayBack.audioTime - playTotalTime);
+                    GBCodePlayBack.isPause = 1
+                }else{
+                    if (i == 0) {
                         starttime = replayinterval;
-                        if (GBCodePlayBack.pauseTime) {
-                            if (tag === 1) {
-                                GBCodePlayBack.stopIntervalTime = playbackrecord[0].intervaltime - (GBCodePlayBack.pauseTime - GBCodePlayBack.playRecordStart);
-                                starttime = GBCodePlayBack.stopIntervalTime;
-                                tag++;
-                            } else {
-                                GBCodePlayBack.stopIntervalTime = GBCodePlayBack.stopIntervalTime - (GBCodePlayBack.pauseTime - GBCodePlayBack.playRecordStart);
-                                starttime = GBCodePlayBack.stopIntervalTime;
-                            }
-                        }
-                    } else {
+                    }else{
                         starttime = parseInt(starttime) + parseInt(replayinterval);
-
-                        if (GBCodePlayBack.pauseTime && GBCodePlayBack.pauseTime - playbackrecord[i - 1].playTime > 0) {
-                            GBCodePlayBack.stopIntervalTime = GBCodePlayBack.pauseTime - playbackrecord[i - 1].playTime;
-                            starttime = GBCodePlayBack.stopIntervalTime + parseInt(replayinterval);
-                        }
                     }
-                    timeoutcontroller = setTimeout(GBCodePlayBack.changeValueCallback(playbackrecord[i]), starttime);
-                    GBCodePlayBack.recordtimeoutcontrolls.push(timeoutcontroller);
                 }
+                timeoutcontroller = setTimeout(GBCodePlayBack.changeValueCallback(playbackrecord[i]), starttime/GBCodePlayBack.speed);
+                GBCodePlayBack.recordtimeoutcontrolls.push(timeoutcontroller);
             }
-            // 记录播放的时间
-            GBCodePlayBack.playRecordStart = new Date().getTime();
-        } else {
-            var recordtimeoutcontrolls = GBCodePlayBack.recordtimeoutcontrolls;
+        }
+    }
-            for (var i = 0; i < recordtimeoutcontrolls.length; i++) {
-                clearTimeout(recordtimeoutcontrolls[i]);
-            }
-            GBCodePlayBack.recordtimeoutcontrolls = [];
-            GBCodePlayBack.recordtimeouts = [];
+    // 暂停播放代码
+    function pauseCode(){
+        var recordtimeoutcontrolls = GBCodePlayBack.recordtimeoutcontrolls;
+        GBCodePlayBack.isPause = 0;
+
+        for (var i = 0; i < recordtimeoutcontrolls.length; i++) {
+            clearTimeout(recordtimeoutcontrolls[i]);
         }
-        $('#play').data('status', !playstatus);
+        GBCodePlayBack.recordtimeoutcontrolls = [];
+        GBCodePlayBack.recordtimeouts = [];
     }
     function processChangeObject(playbackcm, obj) {
@@ -2277,6 +2445,45 @@ $(function() {
                 break;
         }
     }
+    function selectLang(langid){
+        switch (langid) {
+            case 1:
+                setHtmlButton(langid, "C");
+                break;
+            case 4:
+                setHtmlButton(langid, "Python");
+                break;
+            case 10:
+                setHtmlButton(langid, "JAVA");
+                break;
+            case 11:
+                setHtmlButton(langid, "C");
+                break;
+            case 29:
+                setHtmlButton(langid, "PHP");
+                break;
+            case 35:
+                setHtmlButton(langid, "HTML/CSS/JS");
+                break;
+            case 40:
+                setHtmlButton(langid, "SQL");
+                break;
+            case 42:
+                setHtmlButton(langid, "C");
+                break;
+            case 43:
+                setHtmlButton(langid, "Objective-C");
+                break;
+            case 82:
+                setHtmlButton(langid, "C")++;
+                break;
+            case 117:
+                setHtmlButton(langid, "R");
+                break;
+            default:
+                break;
+        }
+    }
     // 缓存languageid title
     function setHtmlButton(languageid, title) {