微信H5页面在iOS下自动播放音频

问题描述

最近在做一个h5的婚礼请帖，其中有一个需求是在用户打开页面后自动播放背景音乐，第一时间想到的是在钩子函数中触发播放，比如在mounte中触发播放，但此方法在安卓和pc端可以播放换到ios就不行了

解决方案

监听"WeixinJSBridgeReady"事件，在事件触发后调用播放

 document.addEventListener("WeixinJSBridgeReady",function () {//播放audio.play()},false);

微信H5页面在iOS下自动播放音频相关推荐

ios系统微信H5页面背景音乐自动播放
思路:在页面中内嵌微信开发的代码块,可让ios手机自动播放背景音乐注意:代码引入了微信js接口,实际开发需配置jsjdk html代码 <!DOCTYPE html> <html ...
ios微信下vue项目组件切换并自动播放音频的解决方案
最近在做一个英语答题项目 , 项目需求是通过答题取的成绩 , 答题的题型是分为 , 听音选图 , 看图选词 , 和填空题 . 项目总共分为了3个页面 , 开始页 ,答题页和结束页面 ,答题页关于每种 ...
html5微信自动播放视频,科技常识：HTML5页面音视频在微信和app下自动播放的实现方法...
今天小编跟大家讲解下有关HTML5页面音视频在微信和app下自动播放的实现方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML5页面音视频在微信和app下自动播放的实现方法的相关 ...
html音视频app制作,怎么实现HTML5页面音视频在微信和app下自动播放
怎么实现HTML5页面音视频在微信和app下自动播放发布时间:2020-09-28 15:52:53 来源:亿速云阅读:90 作者:小新这篇文章给大家分享的是有关怎么实现HTML5页面音视频在微 ...
html5微信视频无法播放视频教程,解决微信h5页面视频播放问题实例
解决微信h5页面视频播放问题实例 content="width=device-width,initial-scale=1, maximum-scale=1.0, minimum-scale= ...
通过howler.js实现在Android下的微信浏览器自动播放音频
howler.js是一个把webaudio进行封装的一个js库,通过它可以轻松的对音频文件进行控制播放.暂停.甚至指定播放音频中的某个片段.以及加快等等,这里我们只关注它在微信浏览器中自动播放的问题, ...
android 打开h5文件下载,微信h5页面下载app —— 安卓直接下载apk文件包,IOS跳转AppStore的实现代码...
需求:微信h5页面下载app -- 安卓直接下载apk文件包,IOS跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不 ...
H5 在ios上自动播放视频
前言最近的H5项目中有个开场动画使用了序列帧,但是因为原视频长达15秒,导出的序列帧很大,在loading阶段,用户等待时间过长,所以有这样的方案,在IOS中使用视频来代替序列帧,在安卓中由于不能自 ...
微信h5页面下载app —— 安卓直接下载apk文件包,IOS跳转AppStore的实现代码
需求:微信h5页面下载app -- 安卓直接下载apk文件包,IOS跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不 ...

微信H5页面在iOS下自动播放音频

问题描述

解决方案

微信H5页面在iOS下自动播放音频相关推荐

最新文章

热门文章