微信内置浏览器音频自动播放问题

Html5的audio 音频在iphone上无法实现,针对的是微信浏览器、易信、APP一些不支持设备里面的解决方法

···
function audioAutoPlay(id){
var audio = document.getElementById(id),
play = function(){
audio.play();
document.removeEventListener("touchstart",play, false);
};
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
play();
}, false);
document.addEventListener('YixinJSBridgeReady', function() {
play();
}, false);
document.addEventListener("touchstart",play, false);
}

// 二
// 音乐播放
function autoPlayMusic() {
// 自动播放音乐效果,解决浏览器或者APP自动播放问题
function musicInBrowserHandler() {
musicPlay(true);
document.body.removeEventListener('touchstart', musicInBrowserHandler);
}
document.body.addEventListener('touchstart', musicInBrowserHandler);

                // 自动播放音乐效果,解决微信自动播放问题
                function musicInWeixinHandler() {
                    musicPlay(true);
                    document.addEventListener("WeixinJSBridgeReady", function () {
                        musicPlay(true);
                    }, false);
                    document.removeEventListener('DOMContentLoaded', musicInWeixinHandler);
                }
                document.addEventListener('DOMContentLoaded', musicInWeixinHandler);
            }
            function musicPlay(isPlay) {
                var media = document.querySelector('#media');
                if (isPlay && media.paused) {
                    media.play();
                }
                if (!isPlay && !media.paused) {
                    media.pause();
                }
            }

···

循环播放

  // 音乐播放
                
                function audioAutoPlay(id){  
                    var audio = document.getElementById(id),  
                        play = function(){  
                            audio.play();  
                            document.removeEventListener("touchstart",play, false);  
                        };  
                    audio.play();  
                    document.addEventListener("WeixinJSBridgeReady", function () {  
                        play();  
                    }, false);  
                    document.addEventListener('YixinJSBridgeReady', function() {  
                        play();  
                    }, false);  
                    document.addEventListener("touchstart",play, false);  

                    audio.addEventListener('ended', function () {  
              //循环
                          audio.load();
                          audio.play();                     
                    }, false);  


                    // setInterval(function(){
                    //     // audio.src = "../../music/Two Steps From Hell - Victory.mp3";
                    //     audio.load();
                    //     audio.play();        
                    // },35000);

                }  
                audioAutoPlay('media'); 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容