zoukankan      html  css  js  c++  java
  • 微信中音乐播放在ios不能自动播放解决

    在微信中,ios手机下面音乐被自动禁掉无法自动播放,我们可以执行触发body上的元素,自动进行播放。

        //音乐
        var x = document.getElementById("myAudio");
        var at=$("#myAudio")
        var audobtn=true;
        function playAudio(at){
            var faf=at[0];
            faf.play();//播放
            $(".audio-btn").addClass("move1");
        }
        var autopa=true;    
            $("body").on("click",function(){
                if(autopa){
                    playAudio(at);
                    autopa=false;
                }
            })
        $(".audio-btn").on("click",function(){
            if(audobtn){
                $(".audio-btn").removeClass("move1");
                x.pause();
                audobtn=false;             
            }else{
                $(".audio-btn").addClass("move1");
                x.play(); 
                audobtn=true;
            }
        })
    需要引入jq以及微信的js
    <script src="./jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="./jweixin-1.0.0.js"></script> 
    <script>
    
    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 audio = document.getElementById('audio2');
            if (isPlay && audio.paused) {
                audio.play();
            }
            if (!isPlay && !audio.paused) {
                audio.pause();
            }
        };
      autoPlayMusic();
    
    // 关闭音乐
    $('.music-pic').click(function () {
        if($('.music-pic').hasClass('close')){
            document.getElementById("audio2").muted=false;
            $('.music-pic').removeClass('close');
        }else {
            $('.music-pic').addClass('close');
            document.getElementById("audio2").muted=true;
        }
    });
    
  • 相关阅读:
    discuz Ucenter第三方双向同步登录
    python: 输出 1~100 之间不能被 7 整除的数,每行输出 10 个数字,要求应用字符串格式化方法美化输出格式。
    用python语言来判断一个数是否是水仙花数?
    java如何调用webservice接口
    ASP.NET 全局变量和页面间传值方法
    从客户端中检测到有潜在危险的 Request.Form 值] 处理办法
    第一次作业要点及重要属性
    Servlet生命周期
    cookie与session的比较
    零基础学习HTML5
  • 原文地址:https://www.cnblogs.com/qdlhj/p/10749991.html
Copyright © 2011-2022 走看看