Przeglądaj źródła

测试ios自动播放音频

孙志雷 5 lat temu
rodzic
commit
e5a48a0645
2 zmienionych plików z 12 dodań i 14 usunięć
  1. 1 1
      index.html
  2. 11 13
      view/question.html

+ 1 - 1
index.html

@@ -26,7 +26,7 @@
             data: jionData,
             success: function (userData) {
                 //alert(JSON.stringify(userData.data))
-                localStorage.setItem('userData', JSON.stringify(userData.data));
+                //localStorage.setItem('userData', JSON.stringify(userData.data));
             },
             error: function () {
                 alert('失败')

+ 11 - 13
view/question.html

@@ -19,7 +19,7 @@
             <img class="inset" src="../image/question/inset.png" alt="inset">
             <img class="bottom" src="../image/question/bottom.png" alt="bottom">
             <!--需要点击播放-->
-            <audio id="audio" src="" autoplay="autoplay">
+            <audio id="audio" src="" >
                 您的浏览器不支持 audio 标签。
             </audio>
             <div class="question-box"></div>
@@ -212,18 +212,16 @@ window.onload=function(){
         };
     }
     // 解决苹果不能播放
-    function audioAutoPlay(id){
-      var audio = document.getElementById(id);
-        document.addEventListener("WeixinJSBridgeReady", function () {
-            audio.play();
-        }, false);
-
-    play = function(){
-            audio.load();
-       audio.play();
-    };
-        $('.audiobtn').on("click",play);
-    }
+    function audioAutoPlay(id){  
+        var audio = document.getElementById(id);  
+        audio.play();  
+        document.addEventListener("WeixinJSBridgeReady", function () {  
+                audio.play();  
+        }, false);  
+        document.addEventListener('YixinJSBridgeReady', function() {  
+            audio.play();  
+        }, false);  
+    }  
 }
 </script>
 </html>