录制页面控制

ykxie
1 parent 3cc0e084
Showing 4 changed files with 43 additions and 43 deletions
src/css/recording.css
src/index.html
src/js/gbreplayer.js
src/scss/recording.scss
@@ -282,7 +282,7 @@ button {
   position: absolute;
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(0, 0, 0, 0.85);
   top: 0;
   overflow: hidden;
   z-index: 9999; }
@@ -332,7 +332,7 @@ button {
  
 .recording-ctrl-bar {
   position: fixed;
-  bottom: 80px;
+  bottom: 0px;
   width: 100%;
   height: 80px;
   background: #FFF;
@@ -98,8 +98,8 @@
                             <div class="tab-content" style="position:relative;">
                                 <div class="tab-pane active" id="recordzone">
                                     <textarea id="HTMLeditor" title="HTML"></textarea>
-                                    <textarea id="CSSeditor" title="CSS"></textarea>
-                                    <textarea id="JSeditor" title="Javascript"></textarea>
+                                    <textarea id="CSSeditor" title="CSS" style="display: none;"></textarea>
+                                    <textarea id="JSeditor" title="Javascript" style="display: none;"></textarea>
                                 </div>
                                 <div class="tab-pane" id="replayzone">
                                     <textarea id="HTMLplayer"></textarea>
@@ -178,9 +178,6 @@
             <audio id="audio" autoplay></audio>
         </div>
         <div class="save-wrap">
-            <div class="upload-tip" style="display: none;">
-                <img src="img/upload_tip.png" alt="">
-            </div>
             <input type="button" id="upload" class="upload-teach" style="display: ;" disabled="disabled" value="保存">
             <input type="button" id="savecorde" class="upload-stud" style="display: none;" disabled="disabled" value="保存">
             <input type="button" id="cancel" value="关闭">
@@ -198,7 +195,10 @@
         <div class="recording-time" value=""></div>
     </div> -->
  
-    
+    <div class="upload-tip" style="display: none;">
+        <img src="img/upload_tip.png" alt="">
+    </div>
+
     <div class="record-before">
         <div class="tip" style="display: none;">
             <a class="start-btn"></a>
@@ -291,7 +291,7 @@
     audio.addEventListener("ended", function() {
         timer.stopTimer();
         $('.audio-play').attr('data', '1')
-
+        $('.audio-play').prop('disabled', false);
     }, false);
  
  
@@ -535,42 +535,42 @@ $(function(){
 			// 播放录制代码过程
 			$('.audio-play').click(function(){	
 				var data = $(this).attr('data');
-				timer.init($recording_time);
-				if (data == 1){
-					if (_role == 0) {
-					    recorder.play(audio);
-					}
-				    $(this).attr('data', 0).attr('title', '播放录音');
-				    $(this).css('background-color', '#F0F3F5');
+				
  
-				    var playbtn= $('#play'), 
-				    	playbackrecord = GBCodePlayBack.records;
-				    
-				    GBCodePlayBack.triggertotal = 0;
+				if (_role == 0) {
+					$('.audio-play').attr('disabled', true);
+				    recorder.play(audio);
+				}
+			    $(this).attr('data', 0).attr('data-original-title', '播放录音');
  
-				    /* 初始化播放 */
-				    for(var i=0;i<playbackrecord.length;i++){
-				    	playbackrecord[i].trigger = 0;
-				    }
+			    var playbtn= $('#play'), 
+			    	playbackrecord = GBCodePlayBack.records;
+			    
+			    GBCodePlayBack.triggertotal = 0;
  
-				    for(var i=0;i<GBCodePlayBack.recordtimeoutcontrolls.length;i++){
-				    	clearTimeout(GBCodePlayBack.recordtimeoutcontrolls[i]);
-				    }	
-				    
-				    GBCodePlayBack.recordtimeoutcontrolls = [];
-				    /* END 初始化播放 */
-				    
-				    GBCodePlayBack.htmlplayereditor.setValue('');
-				    GBCodePlayBack.cssplayereditor.setValue('');
-				    GBCodePlayBack.jsplayereditor.setValue('');
-				    
-				    playbtn.data('status', 0);
-				    $('#play').trigger('click');
+			    /* 初始化播放 */
+			    for(var i=0;i<playbackrecord.length;i++){
+			    	playbackrecord[i].trigger = 0;
+			    }
  
-				} else if(data == 0) {
-				    $(this).attr('data', 1).attr('title', '预览录制');
-				    $(this).css('background-color', ' #7FDE94')
-				}		
+			    for(var i=0;i<GBCodePlayBack.recordtimeoutcontrolls.length;i++){
+			    	clearTimeout(GBCodePlayBack.recordtimeoutcontrolls[i]);
+			    }	
+			    
+			    GBCodePlayBack.recordtimeoutcontrolls = [];
+			    /* END 初始化播放 */
+			    GBCodePlayBack.htmlplayereditor.setValue('');
+			    GBCodePlayBack.cssplayereditor.setValue('');
+			    GBCodePlayBack.jsplayereditor.setValue('');
+			    
+			    playbtn.data('status', 0);
+			    $('#play').trigger('click');
+
+				// if (data == 1){
+
+				// } else if(data == 0) {
+				//     $(this).attr('data', 1).attr('data-original-title', '预览录制');
+				// }		
  
 			});
  
@@ -368,7 +368,7 @@ button{
     position: absolute;
     width: 100%;
     height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: rgba(0, 0, 0, 0.85);
     top: 0;
     overflow: hidden;
     z-index: 9999;
@@ -433,7 +433,7 @@ button{
 // 录制控制条
 .recording-ctrl-bar{
     position: fixed;
-    bottom: 80px;
+    bottom: 0px;
     width: 100%;
     height: 80px;
     background: #FFF;