梁美英 / 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 $(function(){ 2 $(function(){
2 var _languageid = getQuery('languageid'); 3 var _languageid = getQuery('languageid');
3 var _userId = getQuery('userId'); 4 var _userId = getQuery('userId');
4 var _role = getQuery('role'); 5 var _role = getQuery('role');
5 var _codeReplayId = getQuery('codeReplayId'); 6 var _codeReplayId = getQuery('codeReplayId');
6 - var player = $.AudioPlayer;  
7 var status = true; 7 var status = true;
8 8
9 - var languageName = Dir.getLangName(_languageid);  
10 - $("title").html(languageName);  
11 -  
12 -  
13 // new一个基本IDE结构 9 // new一个基本IDE结构
14 var ide = new GxbIde({ 10 var ide = new GxbIde({
15 el: '#folder', 11 el: '#folder',
@@ -19,9 +15,9 @@ $(function(){ @@ -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 alert('==============') 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 -