处理iphone 微信中.play()方法不能播放的问题

  • 今天开发遇到一个问题, 就是在一个页面中连续播放多个声音, 但是 audio 标签在iphone 上只能播放一次, 就没有声音了
  • 研究了一下, 问题就是iphone 的微信需要兼容一下audio 这个标签的方法

一 、添加一个audio标签

<audio id="Jaudio" src="xxx.mp3" preload loop="loop" controls="controls"></audio >

二、处理兼容

		function audioAutoPlay(id, url){
            var audio = document.getElementById(id);
			audio.src = url
            var play = function() {
                document.removeEventListener("WeixinJSBridgeReady", play);
                document.removeEventListener("YixinJSBridgeReady", play);
                audio.play();
            };
            // 播放
            audio.play();
            //weixin
            document.addEventListener("WeixinJSBridgeReady", play, false);
            //yixin
            document.addEventListener('YixinJSBridgeReady', play, false);
        }
        // 调用播放
        audioAutoPlay('Jaudio', 'http://xxx');  

猜你喜欢

转载自blog.csdn.net/weixin_45289067/article/details/102775543