登陆      注册    找回密码   会员投稿 宽屏版 I 换肤 手机版 | 收藏本站   当前时间是: 
首页>技术文档>html5/cs3前端>正文


audio在手机端和微信端的不能自动播放如何解决

来源:互联网   作者:佚名   浏览:197次   发表时间:2022-9-19 12:34:01
【字体: 视力保护色:

本篇内容介绍了“audio在手机端和微信端的不能自动播放如何解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

通常解决方法是给一个交互事件:

标签:

<audio loop src="/photo/aa.mp3" id="audio" autoplay preload="auto">
该浏览器不支持audio属性</audio>

解决方法:

//--创建页面监听,等待微信端页面加载完毕 触发音频播放
document.addEventListener('DOMContentLoaded', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
        document.addEventListener("WeixinJSBridgeReady", function () {
            audio.play();
        }, false);
    }
    audioAutoPlay();
});
//--创建触摸监听,当浏览器打开页面时,触摸屏幕触发事件,进行音频播放
document.addEventListener('touchstart', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
    }
    audioAutoPlay();
});
还有一种针对苹果的手机微信端的解决方法

第一步:引入js文件

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
第二步:配置文件

<script>
        function autoPlayVideo(){
            wx.config({
                debug:false,
                appId:"",
                timestamp:1,
                nonceStr:"",
                signature:"",
                jsApiList:[]
            });
            wx.ready(function(){
                var autoplayVideo=document.getElementById("audio");
                autoplayVideo.play()
            })
        };
        autoPlayVideo();
</script>
这样在网络稳定的情况下是可以自动播放的。

“audio在手机端和微信端的不能自动播放如何解决”的内容就介绍到这里了,感谢大家的阅读。

董为坚个人网 https://www.dwjgrw.cn/ 【关闭窗口
注:转载或者复制本站文章,必须带上董为坚个人网链接。
部分文章来源于网络,如有侵权联系删除!
扫一扫在手机阅读

扫一扫 在手机阅读、分享本文


上一篇:清纯美女闭眼梅花香气花不醉人人自醉
下一篇:带着阳光启程

版权所有:《董为坚个人网
本文地址:https://www.dwjgrw.cn/Content/id/377.html   复制地址
本站内容除特别注明外,均为《董为坚个人网》原创,欢迎转载!转载请注明本文地址,谢谢!


  评论列表

暂无评论

  发表评论 [评论会通过邮件和短信的形式通知我,我会及时回复,一定回来看哦!!!]
昵称: [必填]
邮箱: [必填]
内容:

           

[必填]
验证码:   
                     
给我留言 申请友链Copyright © 2012- 董为坚个人网, All rights reserved 手机版
本站已正常运行3462天技术顾问:董为坚个人网 ( 桂ICP备15004478号-1 )
  今日更新:1篇, 最后更新:2022-11-30联系QQ1115030108,邮箱:1115030108@qq.com
今日有473人访问,总访问数828291人请勿发布违反中华人民共和国法律法规的言论.