微信网页Audio自动播放(IOS安卓)

尝试很多网上的方法无效,自己整理的可行方案

//之前一直是用dom元素(在ios下无效)<audio ref="audio"  loop><source :src="sloganvoice_src" type="audio/mpeg"></audio>
//发现根本不行,在ios无法触发paly() 方法this.mp3_instance = new Audio()this.mp3_instance.autoplay = truethis.mp3_instance.src = ""this.mp3_instance.src = this.sloganvoice_srcthis.mp3_instance.load()this.mp3_instance.play()
// 用new 的方式创建audio对象,可以ios完美触发paly()document.addEventListener("WeixinJSBridgeReady","DOMContentLoaded")
//然后给页面绑定触发audio的监听即可

有些低端手机无法触发那两个静默事件

document.body.addEventListener('touchstart')

只需要绑定个交互事件即可

微信网页Audio自动播放(IOS安卓)相关推荐

H5页面在微信浏览器中自动播放视频
H5页面在微信浏览器中自动播放视频安卓和IOS不同 h5在安卓微信浏览器上的视频不能自动播放 h5在iOS微信浏览器上的视频可以自动播放 iOS的实现方案
iOS 微信音视频自动播放原生接口WeixinJSBridge API(一些整理小技巧)
原文链接1:https://www.w3ctech.com/topic/1165 原文链接2:https://www.cnblogs.com/jasonduan/p/5635048.html 做一下整 ...
解决iOS h5 audio自动播放（亲测有效）
微信H5页面,实现audio自动播放: function initMusic() {//动态创建一个audio节点var audio = document.createElement('audio') ...
audio自动播放遇到的问题
audio自动播放遇到的问题 ios限制了自动播放视频.自动播放音频,必须有用户行为才可以播放像背景音乐可以这样添加事件监听,在页面初始化后就可以自动播放 <script src=" ...
iphone 微信打开H5自动播放音乐问题
解决iphone 微信H5自动播放音乐问题 --由于苹果的ios系统的安全保护较严格,iphone手机打开微信H5的时候(针对于已对audio标签设置 autoplay为true的H5),通常要先点击 ...
微信背景音乐不自动播放解决
微信背景音乐不自动播放解决 document.addEventListener('DOMContentLoaded',function (){function audioAutoPlay(){var ...
解决新版Chrome拦截自动播放（Google浏览器不支持audio自动播放问题）
Google浏览器不支持audio自动播放声音无法自动播放这个在IOS/Android上面一直是个惯例,桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在20 ...
Chrome 66之后禁止网页声音自动播放问题解决
1.问题描述我们给客户做的一个网页大屏,有报警音效的功能,当用户触发报警条件时,在大屏播放报警音效.但是,由于谷歌浏览器在66版本后禁止网页声音自动播放,必须用户在与网页有交互之后才允许播放声音,否 ...
怎么让优酷视频在网页中自动播放方法
优酷视频在网页中自动播放: 方法一 1．首先在优酷复制得到欲贴视频的代码, <embed src="http://player.youku.com/player.php/sid/XMz ...

微信网页Audio自动播放(IOS安卓)

微信网页Audio自动播放(IOS安卓)相关推荐

最新文章

热门文章