一、问题描述

在做微信网页抽奖开发时，点击抽奖需要添加音效，正常情况下，直接调用audio标签的play方法即可，但是在ios微信端不起作用。

二、解决方法

通过WeixinJSBridge调用play方法，如下：


// lotteryAudio为audio标签的id
var oAudio = document.getElementById('lotteryAudio');
if (window.WeixinJSBridge) {WeixinJSBridge.invoke('getNetworkType', {}, function (e) {oAudio.play();}, false);
} else {document.addEventListener("WeixinJSBridgeReady", function () {WeixinJSBridge.invoke('getNetworkType', {}, function (e) {oAudio.play();});}, false);
}
oAudio.play();

ios微信H5网页没有声音的解决方法相关推荐

解决iOS微信H5支付跳转微信后不返回App问题（Swift-WKWebview）（转）
解决iOS微信H5支付跳转微信后不返回App问题(Swift-WKWebview)(转) 参考文章: (1)解决iOS微信H5支付跳转微信后不返回App问题(Swift-WKWebview)(转) ( ...
微信H5页面嵌入百度地图---解决手机的webKit定位，ios系统对非https网站不提供支持问题
微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非https网站不提供支持问题参考文章: (1)微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非http ...
微信H5网页调用扫一扫功能（vue）中遇到的问题
微信H5网页使用扫一扫时遇到的问题首次进入界面调用失败首次进入界面调用失败问题:进入页面,点击扫一扫按钮调用微信扫一扫功能失效,但是刷新当前页调用就正常了解决方法: // 使用扫一扫按钮的页面 ...
app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
IOS 10 微信 ajax readystate=0 status=0 解决方法
IOS 10 微信 ajax readystate=0 status=0 解决方法参考文章: (1)IOS 10 微信 ajax readystate=0 status=0 解决方法 (2)http ...
微信H5网页链接如何自定义分享标题，简介和图片
微信H5网页链接怎么才能自定义分享标题,简介和图片? 需求概述微信中可以直接转发网页链接,用户在微信内置浏览器中打开后可以通过微信浏览器中右上角进行分享到朋友,朋友圈,QQ等.但直接这样分享的话,用 ...
Thinkphp5.1允许uni-app的H5跨域请求接口解决方法
Thinkphp5.1允许uni-app的H5跨域请求接口解决方法参考文章: (1)Thinkphp5.1允许uni-app的H5跨域请求接口解决方法 (2)https://www.cnblogs. ...
HTML文本错位,DIV+CSS网页错位诊断和解决方法
你地DIV+CSS网页错位的概念是否了解,这里和大家分享一下常见DIV+CSS网页错位问题及解决方法,希望对你的学习有所帮助. DIV+CSS网页错位诊断随着WEB2.0标准化设计理念的普及,国内很 ...
win7php网页显示空白,win7系统ie11打开网页显示空白的解决方法
‍‍ 有很多使用ie11浏览器的win7 32位系统的用户最近遇到了网页打不开的问题,准确说是二级网页不开.比如在hao123主页中进入百度.腾讯等其他网站时打开的的网页显示空白,这究竟是怎么回事呢? ...

ios微信H5网页没有声音的解决方法

一、问题描述

二、解决方法

ios微信H5网页没有声音的解决方法相关推荐

最新文章

热门文章