add tip

ykxie
1 parent 8c447d60
Showing 7 changed files with 45 additions and 1 deletions
src/css/recording.css
src/img/know-btn.png
src/img/know.png
src/index.html
src/js/gbreplayer.js
src/js/recorder/Myna.js
src/scss/recording.scss
@@ -181,6 +181,23 @@
     transform: translate(-50%);
     bottom: 0;
     cursor: pointer; }
+  .record-before .error {
+    width: 360px;
+    height: 340px;
+    background: url("../img/know.png") no-repeat;
+    position: relative;
+    margin: 16px auto;
+    z-index: 999; }
+  .record-before .error-btn {
+    width: 100px;
+    height: 62px;
+    background: url("../img/know-btn.png") no-repeat;
+    background-size: 100%;
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%);
+    bottom: 0;
+    cursor: pointer; }
   .record-before #countdown {
     position: absolute;
     top: 0;
@@ -253,9 +253,12 @@
     </div>
  
     <div class="record-before">
-        <div class="tip">
+        <div class="tip" style="display: none;">
             <a class="start-btn"></a>
         </div>
+        <div class="error" style="display: none;">
+            <a class="error-btn"></a>
+        </div>
         <!-- 倒计时 -->
         <div id="countdown">
             <img src="" alt="">
@@ -1931,6 +1931,7 @@ $(function(){
 	if(document.URL.indexOf('index.htm') >= 0){
 		HZRecorder.get(function(rec) {
 		    var seconds = 0;
+		    $('.tip').show();
 		    $('.start-btn').click(function(){
 		    	console.log("开始录制")
 		    	$('.tip').hide();
@@ -298,6 +298,10 @@
                         callback(rec);
                     },
                     function(error) {
+                        $('.error').css('display', 'block');
+                        $('.error-btn').click(function(){
+                            $('.error').hide();
+                        })
                         switch (error.code || error.name) {
                             case 'PERMISSION_DENIED':
                             case 'PermissionDeniedError':
@@ -240,6 +240,25 @@
         bottom: 0;
         cursor: pointer;
     }
+    .error{
+        width: 360px;
+        height: 340px;
+        background: url('../img/know.png') no-repeat;
+        position: relative;
+        margin: 16px auto;
+        z-index: 999
+    }
+    .error-btn{
+        width: 100px;
+        height: 62px;
+        background: url('../img/know-btn.png') no-repeat;
+        background-size: 100%;
+        position: absolute;
+        left: 50%;
+        transform: translate(-50%);
+        bottom: 0;
+        cursor: pointer;
+    }
  
     #countdown{
         position: absolute;