移动端开发时audio标签中autoplay在苹果手機上被禁止,为了解决这个问题想到了两种解决方案
-
第二步:在新建的js文件中,使用如下图方法备注:wx.cofig文件的配置可参考微信开发者攵档-网页授权进行配置,正确与否无关但必须有,即使错误也会进入wx.reday函数在wx.reday函数内,进行音乐的播放就可以了
-
这种方法适合在微信內打开,在手机浏览器内的方法目前还不知道欢迎大家补充。
-
第二种方法不需要进行微信的一些配置,但是这种方法有种缺陷就是必須要用户点击做一次点击事件
-
在这个方法里面,有两种可能一种是自动循环播放页面,这个一般用户进入页面之后触碰到body内的任何┅个元素,即开始播放音乐这个简单不提。
-
主要说第二种情况是我自己项目上碰到的,我根据我碰到的情况来说一下解决方法我这個需求是,当点击上传图片按钮会打开用户本地资源选择照片,用户选择好图片之后图片即可是上传,上传的同时需要播放音乐上傳完成则音乐停止。因为只有一个上传图片按钮我没法再用户点击这个按钮的时候就播放音乐(这样用户在选择照片时还有音乐会很奇怪)。
-
而如果我采用当用户选择完图片开始上传这个事件的时候播放音乐又被苹果系统禁止了。这就很尴尬了所以我想到一个折中的辦法。
-
我是这么做的当用户点击上传图片按钮式,播放音乐但这个时候播放的音乐文件是一个没有声音的文件(这样即使播放了,用戶也感觉不到)这样,图片开始上传时改变音乐文件,将文件的src改变成自己需要播放的文件这样就可以达到上传图片时间触发音乐播放。
-
但是这样要记住如果你是想在图片上传完成即停止音乐,那停止的时候将文件替换回空音乐文件这样用户重新选择图片时才不會有声音。就这样了如果有好的方法,希望补充
经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相關领域专业人士