梁美英 / programming · Commits

Commit 76babc269bb5b5742f8a9d6539306cc3d743f1a8

Authored by ykxie
1 parent bfcf744f

test

Inline Side-by-side
Showing 3 changed files with 4 additions and 505 deletions
src/js/player.js
  View file @76babc2
  1 +alert('==============')
1 2 $(function(){
2 3 var _languageid = getQuery('languageid');
3 4 var _userId = getQuery('userId');
4 5 var _role = getQuery('role');
5 6 var _codeReplayId = getQuery('codeReplayId');
6   - var player = $.AudioPlayer;
7 7 var status = true;
8 8  
9   - var languageName = Dir.getLangName(_languageid);
10   - $("title").html(languageName);
11   -
12   -
13 9 // new一个基本IDE结构
14 10 var ide = new GxbIde({
15 11 el: '#folder',
... ... @@ -19,9 +15,9 @@ $(function(){
19 15 });
20 16  
21 17 // 编译控制台
22   - var iterm = new Iterm({
23   - userId: _userId
24   - });
  18 + // var iterm = new Iterm({
  19 + // userId: _userId
  20 + // });
25 21  
26 22 alert('==============')
27 23  
... ...
src/v1.1/index1.html deleted 100644 → 0
  View file @bfcf744
1   -<!DOCTYPE html>
2   -<html lang="en">
3   -<head>
4   - <meta charset="UTF-8">
5   - <meta name="renderer" content="webkit">
6   - <title>录制课程 - 互动编程</title>
7   - <link rel="stylesheet" href="../css/reset.css">
8   - <link rel="stylesheet" href="../css/responsive/css/bootstrap.min.css">
9   - <link href="../css/validationEngine.jquery.css" rel="stylesheet">
10   - <link href="../css/codemirror.css" rel="stylesheet">
11   - <link href="../css/cm-theme/gbtags.css" rel="stylesheet">
12   - <link href="../css/cm-theme/eclipse.css" rel="stylesheet">
13   - <link href="../css/cm-theme/gbtags-dark.css" rel="stylesheet">
14   - <link href="../css/font/iconfont.css" rel="stylesheet">
15   - <link href="../css/font_all/iconfont.css" rel="stylesheet">
16   - <link href="../css/layout.css" rel="stylesheet">
17   - <link href="../css/main.css" rel="stylesheet">
18   - <link href="../css/recording.css" rel="stylesheet">
19   - <!-- <link href="http://lab.hakim.se/ladda/dist/ladda.min.css" rel="stylesheet"> -->
20   - <link rel="stylesheet" href="../js/zTree_v3-3.5.27/css/zTreeStyle/zTreeStyle.css">
21   -
22   - <script>
23   - var gxb_api = "https://restful.gaoxiaobang.com";
24   - // var gxb_api = "http://192.168.80.223:8080"
25   -
26   - </script>
27   -
28   - <script src="../js/jquery-1.7.1.js"></script>
29   - <script src="../js/bootstrap.js"></script>
30   -
31   - <script src="../js/humps-2.0.0/humps.js"></script>
32   -
33   - <script src="../js/util/util.js"></script>
34   - <script src="../js/util/Hourglass.js"></script>
35   -
36   -
37   - <script src="../js/spin.js"></script>
38   - <script src="../js/ladda.js"></script>
39   -
40   - <script src="../js/jquery-ui-1.8.20.custom.js"></script>
41   - <script src="../js/codemirror.js"></script>
42   - <!-- <script src="../js/handlebars-1.3.js"></script> -->
43   - <script src="../js/emmet.js"></script>
44   - <script src="../js/jshint-2.6.min.js"></script>
45   - <script src="../js/jstorage.js"></script>
46   -
47   - <script src="../js/05-util.js"></script>
48   - <script src="../js/03-http.js"></script>
49   -
50   - <script src="../js/jquery.validationEngine.js"></script>
51   - <script src="../js/jquery.validationEngine-zh.js"></script>
52   - <script src="../js/jquery.isotope.js"></script>
53   -
54   - <link rel="stylesheet" href="../css/demo.css">
55   - <script type="text/javascript" src="../js/zTree_v3-3.5.27/js/jquery.ztree.core.js"></script>
56   - <script type="text/javascript" src="../js/zTree_v3-3.5.27/js/jquery.ztree.exedit.js"></script>
57   - <script src="../js/gb.js"></script>
58   - <!-- <script src="../js/gbreplayer.js"></script> -->
59   -
60   - <script src="../js/gbdebug/mode/xml/xml.js"></script>
61   - <script src="../js/gbdebug/mode/javascript/javascript.js"></script>
62   - <script src="../js/gbdebug/mode/css/css.js"></script>
63   - <script src="../js/gbdebug/mode/htmlmixed/htmlmixed.js"></script>
64   - <script src="../js/gbdebug/mode/clike/clike.js"></script>
65   - <script src="../js/gbdebug/mode/php/php.js"></script>
66   - <script src="../js/gbdebug/mode/python/python.js"></script>
67   - <style type="text/css">
68   - #recordzone,
69   - #replayzone{
70   - display: none;
71   - }
72   - #recordzone.active,
73   - #replayzone.active{
74   - display: block;
75   - }
76   - .editor{
77   - height: 100%;
78   - float: left;
79   - position: relative;
80   - }
81   - </style>
82   -</head>
83   -<body>
84   - <div id="app" class="wrapper">
85   - <div id="appContainer">
86   - <div class="editor">
87   - <div id="appLeft">
88   - <div class="tree-header">目录</div>
89   - <ul id="folder" class="ztree"></ul>
90   - <div id="handleLM"></div>
91   - </div>
92   - <div id="appMian">
93   - <div id="appMainHeader">
94   - <ul id="recordertab" class="nav nav-tabs pull-left">
95   - <li class="active"><a href="#recordzone" data-toggle="tab"><i class="icon iconfont icon-suspend"></i>课程录制区</a></li>
96   - <li><a href="#replayzone" data-toggle="tab"><i class="icon iconfont icon-yulan"></i>课程预览区</a></li>
97   - </ul>
98   - <div id="editorwrapper" class="pull-right">
99   - <div class="btn-group">
100   - <div id="htmlbutton" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="bottom" data-original-title="当前课程环境：Java" data-editorname="html">JAVA</div>
101   - <div class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="bottom" data-original-title="JDK版本">JDK 7</div>
102   - </div>
103   - </div>
104   - </div>
105   - <div id="textarea">
106   - <div id="recordzone" class="active"></div>
107   - <div id="replayzone"></div>
108   - </div>
109   - <div id="handleMR"></div>
110   - </div>
111   - <div class="pause-shodow hidden">
112   - <div class="compile-loading">
113   - <img src="../img/loading.png" alt="">
114   - </div>
115   - <div class="compile-reslut" style="display: none;">
116   - <div class="tip-header">
117   - <span>成功获取编译运行结果</span>
118   - </div>
119   - <div class="tip-content">
120   - <p>保存编译结果后，播放到此处会在运行区域直接显示结果。需要保存结果后继续录制吗?</p>
121   - </div>
122   - <div class="tip-footer">
123   - <button class="btn btn-success btn-sm" id="save_compile">保存并继续录制</button>
124   - <button class="btn btn-danger btn-sm" id="cancel_compile">不保存继续录制</button>
125   - </div>
126   - </div>
127   - </div>
128   - </div>
129   -
130   - <div id="appRight">
131   - <div id="resultpanel" class="panel panel-default editor-result">
132   - <div class="panel-heading result-header">
133   - <div class="pull-left">
134   - <div id="compileBtnGroup" class="btn-group"></div>
135   - </div>
136   - <div class="pull-right">
137   - <a id="full-screen" href="javascript:;" data-toggle="tooltip" data-placement="left" data-original-title="全屏录制" class="btn btn-link"><i class="icon iconfont icon-fangda"></i></a>
138   - <a id="back-screen" href="javascript:;" data-toggle="tooltip" data-placement="left" data-original-title="退出全屏录制" class="btn btn-link" style="display: none;"><i class="icon iconfont icon-fangda"></i></a>
139   - </div>
140   - <div class="btn-group">
141   - <button type="button" class="btn btn-success" id="play" data-status="0" title="" style="display: none;"><</button>
142   - <!-- <p id="replay">预览录制</p> -->
143   - </div>
144   - <!-- <div class="btn-group pull-right" id="fontendrun">
145   - <button id="autorun" type="button" class="btn" title="切换自动/手动运行代码" data-placement="bottom" data-autorun="1"></button>
146   - <button id="runnow" type="button" class="btn" title="手动运行代码" data-placement="bottom" disabled="disabled">
147   - 自动运行
148   - </button>
149   - </div> -->
150   - </div>
151   - <div class="panel-body hidden" id="cmprun-output">
152   - <div id="resultoutput">
153   - <!-- Nav tabs -->
154   - <ul class="nav nav-tabs result-tabs" role="tablist" id="cmprun-tabs">
155   - <li class="active"><a href="#stdin" role="tab" data-toggle="tab" class="text-warning">标准</a></li>
156   - <li><a href="#cmpinfo" role="tab" data-toggle="tab" class="text-warning">编译</a></li>
157   - <li><a href="#stderr" role="tab" data-toggle="tab" class="text-danger">错误</a></li>
158   - <li><a href="#output" role="tab" data-toggle="tab" class="text-success">结果</a></li>
159   - </ul>
160   - <!-- Tab panes -->
161   - <div class="tab-content">
162   - <div class="tab-pane active padall15" id="stdin">
163   - <input type="text" class="form-control" id="runtimeArgus" placeholder="标准输入">
164   - </div>
165   - <div class="tab-pane padall15" id="cmpinfo"></div>
166   - <div class="tab-pane padall15" id="stderr"></div>
167   - <div class="tab-pane padall15" id="output"></div>
168   - </div>
169   - </div>
170   - </div>
171   - <div class="panel-body" id="ifrcontainer">
172   - <iframe id="resultiframe" frameBorder="0" width="100%"></iframe>
173   - </div>
174   - </div>
175   - </div>
176   - </div>
177   - <div id="appFooter">
178   - <!-- 录音控制条 -->
179   - <input type="hidden" class="audio-url" value="">
180   - <div class="recording-ctrl-bar">
181   - <button id="start-recording" class="btn new-recording" type="button" data="1" title="开始录制"></button>
182   - <button id="re-recoding" class="btn new-recording" type="button" data="1" title="重新录制" style="display: none;"></button>
183   - <button class="btn pause-recording hidden" id="pause" data-status='0' title="录制暂停中">
184   - <img src="../img/pause.svg" alt="">
185   - </button>
186   -
187   - <button class="audio-play hidden" title="播放预览" data="1">
188   - <i class="icon iconfont icon-play"></i>
189   - </button>
190   - <div class="recording-time" id="timer" value="">00:00:00</div>
191   - <div class="audio-view" style="display: none;">
192   - <audio id="audio"></audio>
193   - </div>
194   - <div class="save-wrap">
195   - <input type="button" id="upload" class="upload-teach" disabled="disabled" value="保存">
196   - <input type="button" id="savecorde" class="upload-stud" style="display: none;" disabled="disabled" value="保存">
197   - <input type="button" id="cancel" value="关闭">
198   - </div>
199   - </div>
200   - </div>
201   - </div>
202   - <!-- -->
203   - <div class="upload-tip" style="display: none;">
204   - <img src="../img/upload_tip.png" alt="">
205   - </div>
206   -
207   - <div class="confirm-tip">
208   - <div class="compile-reslut" style="display: ;">
209   - <div class="tip-header">
210   - <span>提示</span>
211   - </div>
212   - <div class="tip-content">
213   - <p>在开始录制之前可对文件名进行修改，开始录制后文件名将不可修改。</p>
214   - </div>
215   - <div class="tip-footer">
216   - <button class="btn btn-success btn-sm" id="confirm">确定</button>
217   - </div>
218   - </div>
219   - </div>
220   -
221   - <!-- 准备开始 -->
222   - <div id="countdown" style="display: none;">
223   - <img src="" alt="">
224   - </div>
225   -
226   - <!-- 重新开始 -->
227   - <div class="re-tips" style="display: none;">
228   - <div class="re-reslut">
229   - <div class="tip-header">
230   - <span>提示</span>
231   - </div>
232   - <div class="tip-content">
233   - <p>你确定要重新录制吗?</p>
234   - </div>
235   - <div class="tip-footer">
236   - <button class="btn btn-success btn-sm" id="re-sure">确定</button>
237   - <button class="btn btn-danger btn-sm" id="re-cancel">取消</button>
238   - </div>
239   - </div>
240   - </div>
241   -
242   -
243   - <script src="../js/recorder/Myna.js"></script>
244   - <script src="../js/recording/recording.js"></script>
245   -
246   - <script>
247   - $(function () {
248   - $('[data-toggle="tooltip"]').tooltip()
249   - })
250   - var recorder;
251   - var _role = getQuery('role');
252   - var _chapterId = getQuery('chapterId');
253   - var userId = getQuery('userId');
254   -
255   - var audio = document.querySelector('audio');
256   - var saveAudio = document.getElementById("save");
257   -
258   -
259   - // 结束播放事件
260   - audio.addEventListener("ended", function() {
261   - console.info('audio.addEventListener("ended"');
262   - console.log('audio 播放结束');
263   - Hourglass.stopTimer();
264   - $('.audio-play').attr('data', '1')
265   - $('.audio-play').prop('disabled', false);
266   - }, false);
267   -
268   - $('#upload').click(function(){
269   - uploadAudio()
270   - })
271   -
272   - function uploadAudio() {
273   - $('.upload-tip').show();
274   - recorder.upload();
275   - }
276   - </script>
277   -</body>
278   -</html>
279   -
280   -
281   -
src/v1.1/player2.html deleted 100644 → 0
  View file @bfcf744
1   -<!DOCTYPE html>
2   -<html lang="en">
3   -<head>
4   - <meta charset="UTF-8">
5   - <meta name="renderer" content="webkit">
6   - <title>播放课程 - 互动编程</title>
7   - <link rel="stylesheet" href="../css/reset.css">
8   - <link rel="stylesheet" href="../css/responsive/css/bootstrap.min.css">
9   - <link href="../css/validationEngine.jquery.css" rel="stylesheet">
10   - <link href="../css/codemirror.css" rel="stylesheet">
11   - <link href="../css/cm-theme/gbtags.css" rel="stylesheet">
12   - <link href="../css/cm-theme/eclipse.css" rel="stylesheet">
13   - <link href="../css/cm-theme/gbtags-dark.css" rel="stylesheet">
14   - <link href="../css/font/iconfont.css" rel="stylesheet">
15   - <link href="../css/font_all/iconfont.css" rel="stylesheet">
16   - <link href="../css/layout.css" rel="stylesheet">
17   - <link href="../css/main.css" rel="stylesheet">
18   - <link href="../css/recording.css" rel="stylesheet">
19   - <link rel="stylesheet" href="../js/audioPlayer/theme.default.css">
20   - <!-- <link href="http://lab.hakim.se/ladda/dist/ladda.min.css" rel="stylesheet"> -->
21   - <link rel="stylesheet" href="../js/zTree_v3-3.5.27/css/zTreeStyle/zTreeStyle.css">
22   -
23   - <script>
24   - var gxb_api = "https://restful1.gaoxiaobang.com";
25   - // var gxb_api = "http://192.168.80.223:8080"
26   -
27   - </script>
28   -
29   - <script src="../js/jquery-1.7.1.js"></script>
30   - <script src="../js/bootstrap.js"></script>
31   -
32   - <script src="../js/humps-2.0.0/humps.js"></script>
33   -
34   - <script src="../js/util/util.js"></script>
35   - <script src="../js/util/Hourglass.js"></script>
36   -
37   -
38   - <script src="../js/spin.js"></script>
39   - <script src="../js/ladda.js"></script>
40   -
41   - <script src="../js/jquery-ui-1.8.20.custom.js"></script>
42   - <script src="../js/codemirror.js"></script>
43   - <!-- <script src="../js/handlebars-1.3.js"></script> -->
44   - <script src="../js/emmet.js"></script>
45   - <script src="../js/jshint-2.6.min.js"></script>
46   - <script src="../js/jstorage.js"></script>
47   -
48   - <script src="../js/05-util.js"></script>
49   - <script src="../js/03-http.js"></script>
50   -
51   - <script src="../js/jquery.validationEngine.js"></script>
52   - <script src="../js/jquery.validationEngine-zh.js"></script>
53   - <script src="../js/jquery.isotope.js"></script>
54   -
55   - <link rel="stylesheet" href="../css/demo.css">
56   - <script type="text/javascript" src="../js/zTree_v3-3.5.27/js/jquery.ztree.core.js"></script>
57   - <script src="../js/gb.js"></script>
58   - <script type="text/javascript" src="../js/audioPlayer/jQuery.AudioPlayer.js"></script>
59   - <!-- <script src="../js/gbreplayer.js"></script> -->
60   -
61   - <script src="../js/gbdebug/mode/xml/xml.js"></script>
62   - <script src="../js/gbdebug/mode/javascript/javascript.js"></script>
63   - <script src="../js/gbdebug/mode/css/css.js"></script>
64   - <script src="../js/gbdebug/mode/htmlmixed/htmlmixed.js"></script>
65   - <script src="../js/gbdebug/mode/clike/clike.js"></script>
66   - <script src="../js/gbdebug/mode/php/php.js"></script>
67   - <script src="../js/gbdebug/mode/python/python.js"></script>
68   - <style type="text/css">
69   - #recordzone,
70   - #replayzone{
71   - display: none;
72   - }
73   - #recordzone.active,
74   - #replayzone.active{
75   - display: block;
76   - }
77   - </style>
78   -</head>
79   -<body>
80   - <div id="app" class="wrapper">
81   - <div id="appContainer">
82   - <div id="appLeft">
83   - <div class="tree-header">目录</div>
84   - <ul id="folder" class="ztree"></ul>
85   - <div id="handleLM"></div>
86   - </div>
87   - <div id="appMian">
88   - <div id="appMainHeader">
89   - <ul id="recordertab" class="nav nav-tabs pull-left">
90   - <li class="active"><a href="#replayzone" data-toggle="tab"><i class="icon iconfont icon-yulan"></i>播放课程</a></li>
91   - </ul>
92   - <div id="editorwrapper" class="pull-right">
93   - <div class="btn-group">
94   - <div id="htmlbutton" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="bottom" data-original-title="当前课程环境：Java" data-editorname="html">JAVA</div>
95   - <div class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="bottom" data-original-title="JDK版本">JDK 7</div>
96   - </div>
97   - </div>
98   - </div>
99   - <div id="textarea">
100   - <div id="replayzone" class="active"></div>
101   - </div>
102   - <div id="handleMR"></div>
103   - <div class="pause-shodow hidden">
104   - <div class="compile-loading">
105   - <img src="../img/loading.png" alt="">
106   - </div>
107   - <div class="compile-reslut" style="display: none;">
108   - <div class="tip-header">
109   - <span>成功获取编译运行结果</span>
110   - </div>
111   - <div class="tip-content">
112   - <p>保存编译结果后，播放到此处会在运行区域直接显示结果。需要保存结果后继续录制吗?</p>
113   - </div>
114   - <div class="tip-footer">
115   - <button class="btn btn-success btn-sm" id="save_compile">保存并继续录制</button>
116   - <button class="btn btn-danger btn-sm" id="cancel_compile">不保存继续录制</button>
117   - </div>
118   - </div>
119   - </div>
120   - </div>
121   - <div id="appRight">
122   - <div id="resultpanel" class="panel panel-default editor-result">
123   - <div class="panel-heading result-header">
124   - <div class="pull-left">
125   - <div id="compileBtnGroup" class="btn-group"></div>
126   - </div>
127   - <div class="pull-right">
128   - <a id="full-screen" href="javascript:;" data-toggle="tooltip" data-placement="left" data-original-title="全屏录制" class="btn btn-link"><i class="icon iconfont icon-fangda"></i></a>
129   - <a id="back-screen" href="javascript:;" data-toggle="tooltip" data-placement="left" data-original-title="退出全屏录制" class="btn btn-link" style="display: none;"><i class="icon iconfont icon-fangda"></i></a>
130   - </div>
131   - <div class="btn-group">
132   - <button type="button" class="btn btn-success" id="play" data-status="0" title="" style="display: none;"><</button>
133   - <!-- <p id="replay">预览录制</p> -->
134   - </div>
135   - <!-- <div class="btn-group pull-right" id="fontendrun">
136   - <button id="autorun" type="button" class="btn" title="切换自动/手动运行代码" data-placement="bottom" data-autorun="1"></button>
137   - <button id="runnow" type="button" class="btn" title="手动运行代码" data-placement="bottom" disabled="disabled">
138   - 自动运行
139   - </button>
140   - </div> -->
141   - </div>
142   - <div class="panel-body hidden" id="cmprun-output">
143   - <div id="resultoutput">
144   - <!-- Nav tabs -->
145   - <ul class="nav nav-tabs result-tabs" role="tablist" id="cmprun-tabs">
146   - <li class="active"><a href="#stdin" role="tab" data-toggle="tab" class="text-warning">标准</a></li>
147   - <li><a href="#cmpinfo" role="tab" data-toggle="tab" class="text-warning">编译</a></li>
148   - <li><a href="#stderr" role="tab" data-toggle="tab" class="text-danger">错误</a></li>
149   - <li><a href="#output" role="tab" data-toggle="tab" class="text-success">结果</a></li>
150   - </ul>
151   - <!-- Tab panes -->
152   - <div class="tab-content">
153   - <div class="tab-pane active padall15" id="stdin">
154   - <input type="text" class="form-control" id="runtimeArgus" placeholder="标准输入">
155   - </div>
156   - <div class="tab-pane padall15" id="cmpinfo"></div>
157   - <div class="tab-pane padall15" id="stderr"></div>
158   - <div class="tab-pane padall15" id="output"></div>
159   - </div>
160   - </div>
161   - </div>
162   - <div class="panel-body" id="ifrcontainer">
163   - <iframe id="resultiframe" frameBorder="0" width="100%"></iframe>
164   - </div>
165   - </div>
166   - </div>
167   - </div>
168   - <div id="playFooter">
169   - <div class="" id="audioWrap">
170   - <button class="play-code" style="display: none;">
171   - <i class="icon iconfont icon-play"></i>
172   - </button>
173   - </div>
174   -<!-- <div class="playCode">
175   - <button>开始</button>
176   - </div> -->
177   - </div>
178   - </div>
179   - <!-- -->
180   - <div class="upload-tip" style="display: none;">
181   - <img src="../img/upload_tip.png" alt="">
182   - </div>
183   -
184   -
185   - <!-- 准备开始 -->
186   - <div id="countdown" style="display: none;">
187   - <img src="" alt="">
188   - </div>
189   -
190   - <!-- 重新开始 -->
191   - <div class="re-tips" style="display: none;">
192   - <div class="re-reslut">
193   - <div class="tip-header">
194   - <span>提示</span>
195   - </div>
196   - <div class="tip-content">
197   - <p>你确定要重新录制吗?</p>
198   - </div>
199   - <div class="tip-footer">
200   - <button class="btn btn-success btn-sm" id="re-sure">确定</button>
201   - <button class="btn btn-danger btn-sm" id="re-cancel">取消</button>
202   - </div>
203   - </div>
204   - </div>
205   -
206   -
207   - <script src="../js/recorder/Myna.js"></script>
208   - <script src="../js/recording/recording.js"></script>
209   -
210   - <script>
211   - </script>
212   -</body>
213   -</html>
214   -
215   -
216   -