Commit 4061f3f87498a7c4d4f596aea0949f4d0743e6f4
1 parent
481d7179
add mp3
Showing
1 changed file
with
2 additions
and
138 deletions
src/player-fuben.html
| ... | ... | @@ -5,153 +5,17 @@ |
| 5 | 5 | <meta name="renderer" content="webkit"> |
| 6 | 6 | <title>互动编程</title> |
| 7 | 7 | <link rel="stylesheet" href="css/responsive/css/bootstrap.min.css"> |
| 8 | - <link href="css/validationEngine.jquery.css" rel="stylesheet"> | |
| 9 | - <link href="css/codemirror.css" rel="stylesheet"> | |
| 10 | - <link href="css/cm-theme/gbtags.css" rel="stylesheet"> | |
| 11 | - <link href="css/cm-theme/gbtags-dark.css" rel="stylesheet"> | |
| 12 | - <link href="css/font/iconfont.css" rel="stylesheet"> | |
| 13 | - <link href="css/font_all/iconfont.css" rel="stylesheet"> | |
| 14 | - <link href="css/layout.css" rel="stylesheet"> | |
| 15 | - <!-- <link href="css/main.css" rel="stylesheet"> --> | |
| 16 | - <link href="css/recording.css" rel="stylesheet"> | |
| 17 | - <link rel="stylesheet" href="js/audioPlayer/theme.default.css"> | |
| 18 | - | |
| 19 | 8 | <script> |
| 20 | 9 | var gxb_api = "https://restful.gaoxiaobang.com"; |
| 21 | - // var gxb_api = "https://restful.gaoxiaobang.com" | |
| 22 | 10 | </script> |
| 23 | 11 | |
| 24 | 12 | <script src="js/jquery-1.7.1.js"></script> |
| 25 | 13 | <script src="js/bootstrap.js"></script> |
| 26 | - | |
| 27 | - <script src="js/util/util.js"></script> | |
| 28 | - | |
| 29 | - <script src="js/spin.js"></script> | |
| 30 | - <script src="js/ladda.js"></script> | |
| 31 | - <!-- <script src="js/bootstrapslider.js"></script> --> | |
| 32 | - <script src="js/jquery-ui-1.8.20.custom.js"></script> | |
| 33 | - <script src="js/codemirror.js"></script> | |
| 34 | - <!-- <script src="js/handlebars-1.3.js"></script> --> | |
| 35 | - <script src="js/emmet.js"></script> | |
| 36 | - <script src="js/jshint-2.6.min.js"></script> | |
| 37 | - <script src="js/jstorage.js"></script> | |
| 38 | - | |
| 39 | - | |
| 40 | - | |
| 41 | - <script src="js/05-util.js"></script> | |
| 42 | - <script src="js/03-http.js"></script> | |
| 43 | - <script src="js/jquery.iframe-transport.js"></script> | |
| 44 | - <script src="js/jquery.ui.widget.js"></script> | |
| 45 | - <script src="js/jquery.fileupload.js"></script> | |
| 46 | - | |
| 47 | - <script src="js/jquery.validationEngine.js"></script> | |
| 48 | - <script src="js/jquery.validationEngine-zh.js"></script> | |
| 49 | - <script src="js/jquery.isotope.js"></script> | |
| 50 | - | |
| 51 | - <script src="js/gbreplayer.js"></script> | |
| 52 | - <script src="js/recording/recording.js"></script> | |
| 53 | - <script src="js/player1.js"></script> | |
| 54 | 14 | |
| 55 | 15 | </head> |
| 56 | 16 | <body> |
| 57 | - <div id="player"> | |
| 58 | - <div class="real-program-content player"> | |
| 59 | - <div class="row"> | |
| 60 | - <div class="col-md-8 col-sm-8 col-xs-8" id="editorpanel"> | |
| 61 | - <div class=""> | |
| 62 | - <button type="button" class="btn btn-success" data-readonly="1" data-target="#saveModal" id="readonly" title="" style="display: none;"></button> | |
| 63 | - </div> | |
| 64 | - <div class="recording-wrap"> | |
| 65 | - <div class="recording-header"> | |
| 66 | - <ul class="nav nav-tabs pull-left" id="recordertab"> | |
| 67 | - <li style="margin-left: 34px;"> | |
| 68 | - <a href="#replayzone" data-toggle="tab"></a> | |
| 69 | - </li> | |
| 70 | - </ul> | |
| 71 | - <div id="editorwrapper"> | |
| 72 | - <button type="button" class="lang btn btn-default btn-primary pull-right" id="htmlbutton" title="" data-editorname="html">HTML/CSS/JS</button> | |
| 73 | - </div> | |
| 74 | - </div> | |
| 75 | - </div> | |
| 76 | - <div id="recordpanel" class="panel panel-default"> | |
| 77 | - <!-- 编辑播放代码区域 --> | |
| 78 | - <input type="hidden" class="audio-url" value="value"> | |
| 79 | - <div class="tab-content" style="position:relative;"> | |
| 80 | - <div class="tab-pane active" id="replayzone"> | |
| 81 | - <textarea id="HTMLplayer" style="display: none;"></textarea> | |
| 82 | - <textarea id="CSSplayer" style="display: none;"></textarea> | |
| 83 | - <textarea id="JSplayer" style="display: none;"></textarea> | |
| 84 | - </div> | |
| 85 | - </div> | |
| 86 | - </div> | |
| 87 | - </div> | |
| 88 | - <div class="col-md-4 col-sm-4 col-xs-4" id="previewpanel"> | |
| 89 | - <div id="resultpanel" class="panel panel-default"> | |
| 90 | - <div class="panel-heading"> | |
| 91 | - <div class="btn-group"> | |
| 92 | - <p id="replay">预览录制</p> | |
| 93 | - | |
| 94 | - </div> | |
| 95 | - <div class="btn-group pull-right" id="comprunbtngrp"></div> | |
| 96 | - <div class="clearfix"></div> | |
| 97 | - | |
| 98 | - </div> | |
| 99 | - <div class="panel-body hidden" id="cmprun-output"> | |
| 100 | - <div id="resultoutput" style="overflow:auto;"> | |
| 101 | - <!-- Nav tabs --> | |
| 102 | - <ul class="nav nav-tabs" role="tablist" id="cmprun-tabs"> | |
| 103 | - <li class="active"><a href="#stdin" role="tab" data-toggle="tab" class="text-warning">标准</a></li> | |
| 104 | - <li><a href="#cmpinfo" role="tab" data-toggle="tab" class="text-warning">编译</a></li> | |
| 105 | - <li><a href="#stderr" role="tab" data-toggle="tab" class="text-danger">错误</a></li> | |
| 106 | - <li><a href="#output" role="tab" data-toggle="tab" class="text-success">结果</a></li> | |
| 107 | - </ul> | |
| 108 | - <!-- Tab panes --> | |
| 109 | - <div class="tab-content"> | |
| 110 | - <div class="tab-pane active padall15" id="stdin"> | |
| 111 | - <input type="text" class="form-control" id="input" placeholder="标准输入"> | |
| 112 | - </div> | |
| 113 | - <div class="tab-pane padall15" id="cmpinfo"></div> | |
| 114 | - <div class="tab-pane padall15" id="stderr"></div> | |
| 115 | - <div class="tab-pane padall15" id="output"></div> | |
| 116 | - </div> | |
| 117 | - </div> | |
| 118 | - </div> | |
| 119 | - <div class="panel-body" id="ifrcontainer"> | |
| 120 | - <iframe id="resultiframe" frameBorder="0" width="100%"></iframe> | |
| 121 | - </div> | |
| 122 | - </div> | |
| 123 | - </div> | |
| 124 | - </div> | |
| 125 | - </div> | |
| 126 | - | |
| 127 | - <div class="" id="audioWrap"> | |
| 128 | - <button class="play-code" style="display: none;"> | |
| 129 | - <i class="icon iconfont icon-play"></i> | |
| 130 | - </button> | |
| 131 | - <button class="play-pause-code" style="display: none;"> | |
| 132 | - <i class="icon iconfont icon-playcopy"></i> | |
| 133 | - </button> | |
| 134 | - <button id="full-screen"> | |
| 135 | - <i class="icon iconfont icon-fangda"></i> | |
| 136 | - </button> | |
| 137 | - <button id="back-screen" style="display: none;"> | |
| 138 | - <i class="icon iconfont icon-fangda"></i> | |
| 139 | - </button> | |
| 140 | - </div> | |
| 141 | - <button id="play" class="hidden" data-status='0' title="暂停"> | |
| 142 | - <i class="icon iconfont icon-playcopy"></i> | |
| 143 | - </button> | |
| 144 | - </div> | |
| 145 | - | |
| 146 | - | |
| 147 | -<script type="text/javascript" src="js/audioPlayer/jQuery.AudioPlayer.js"></script> | |
| 148 | -<script src="js/gbdebug/mode/xml/xml.js"></script> | |
| 149 | -<script src="js/gbdebug/mode/javascript/javascript.js"></script> | |
| 150 | -<script src="js/gbdebug/mode/css/css.js"></script> | |
| 151 | -<script src="js/gbdebug/mode/htmlmixed/htmlmixed.js"></script> | |
| 152 | -<script src="js/gbdebug/mode/clike/clike.js"></script> | |
| 153 | -<script src="js/gbdebug/mode/php/php.js"></script> | |
| 154 | -<script src="js/gbdebug/mode/python/python.js"></script> | |
| 17 | + <audio id="dawang" controls="controls" src="../static/dawangjiaowolaixunsan.mp3"></audio> | |
| 18 | + <audio id="dawang" controls="controls" src="http://gxb-file.oss-cn-beijing.aliyuncs.com/uploads/programming_audio/link/17/01/19/0b068adef5a04fa9bbca4a098a2b5fde"></audio> | |
| 155 | 19 | |
| 156 | 20 | </body> |
| 157 | 21 | </html> | ... | ... |