今天同事测试活动的时候,背景音效(多个)苹果机无法发出声音,几个手机都试过,没什么用.不过安卓机上倒是没这个问题,正常. 最开始以为是js冲突问题,将页面上所有的东西进行加处理(清空,一个个加进来),为了测试方便,在页面上加了个按钮,进行点击播放. 加到最后,都没有什么问题. 突然想到之前百度查找答案的一个说法:需要触摸触发.反正大概就是必须是人为去触发,而不是我们js进行调用click事件. 如此,我们就在原有页面上增加了一个按钮,当点击时,声音出来了. 到这一步,声音播放问题解决. 下一步就…

html5 微信真机调试方法 vConsolehttps://blog.csdn.net/weixin_36934930/article/details/79870240…

前几天遇到了一个很奇葩的问题:执行audio.play方法,浏览器.安卓.部分ios可正常播放,部分ios不能播放部分声音,这就奇怪了. 我的第一反应是: 音频文件有问题  -- 写了一个domo验证,文件可正常播放 音频文件没有加载完成就播放  -- 绑定loadeddata事件发现音频确实已经加载完成 后来查阅了一些资料发现:ios禁止自动播放media的,必须通过用户的实际操作的事件(如click等)才能播放~   我的代码里确实也是click之后才play的,实在是不知道哪里出错了 --…

近日有一个项目出现audio无法自动播放,查看原因才发现是微信版本更新为7.0.8版本,需要有交互行为,第一次播放需要用户手动点击一下,无法使用DOM中的play()进行直接播放操作,那怎么办呢? 通过微信社区看到了它们说的可以通过web audio api解决,但是看了一下太麻烦了,所以就没用,然后还想到了一种解决办法,就是打开前给当前操作页面加一个引导页,主要是为了第一次触发audio,将其激活,然后用户再操作audio的时候再使用audio.play()就可以了; 代码如下: <!DOCT…

1px边框在iPhone高清屏下,其实会变成2个物理像素的边框. /* 解决一像素问题 */ .navigation:before{ content: ""; pointer-events: none; /* 防止点击触发 */ box-sizing: border-box; position: absolute; width: %; height: %; left: ; top: ; border-top:1px solid #e5e5e5; -webkit-transform-or…

由于在IOS上复制图片不方便, 所以用了张别的网站的图 这是在没有设置value和start的情况下出现的,安卓机上显示是好的.尝试完网上相关说法, 发现都不中! 通过各种挣扎啊!~ 心里苦啊~ 复制官方代码发现没问题, 那自己编写的时候问题就来了. 去掉value 解决! 是我的问题! 还有小程序中对类型的判断 问题 if(!year){ let date = new Date(); date = date.getFullYear(); this.setData({ selectDate: d…

1. 问题 问题出在微信端,而且是苹果机的微信端(苹果你咋这么矫情,安卓正常).:代码还是之前的代码,貌似是苹果升级系统后部分版本出现的 BUG,后来证明确实跟 ios 版本有关,网上也找过类似的解决措施: 2. 解决方法 2.1 添加 async: false(未验证) function saveUser() { $.ajax({ type:"POST", url:"SaveUser.action", data:$('#fm').serialize(), data…

今天碰到个问题,是项目调起微信支付接口,苹果机都没有什么问题,但是安卓机的情况就是支付接口出现一下就消失了 试了将error反馈信息弹出来,也就是显示choosewxpay fail 找了半天不知道什么原因,尝试另外一个路口测试-二级的,IOS是提示未注册的,安卓的话自然直接就是个fail 然后将新的二级给绑定上去后,也不可以,这里纠结了一会,同事将地址的大小写改了一下,结果就可以了. 那么现在可以知道,大小写是有影响的,至于一级二级这个,后来又测试了一下,现在能够得到的一个结论如下: 1.微信…

通过下面的方式可以解决,在iPhone手机微信中正常自动播放. 必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效,猜测微信接口做了处理~ <audio preload="preload" controls id="car_audio" src="http://media.xitaoinfo.com/ei_zamenjiehunba.mp3" loop></audio> <video…

最近做了一款微信小程序,各方面感觉都很完美(萝卜一直这么自信),今天设计总监告诉我你的小程序怎么返回顶部不好使呀,吓得我赶紧拿手机试试,没毛病啊,我手机(苦逼的安卓机)上点两下就回去了呀,遂去找他理论,设计总监拿他手机(高大上的苹果机)当场演示,才恍然,这是又入了大苹果的坑... 啊,说这么多废话好累! 如果发现你的小程序在scorll-view设置了enable-back-to-top为true,在安卓上返回顶部好使,ios上点击状态栏返回顶部不好使,如下图操作即可.…