处理iphone 微信中.play()方法不能播放的问题

今天开发遇到一个问题, 就是在一个页面中连续播放多个声音，但是 audio 标签在iphone 上只能播放一次, 就没有声音了
研究了一下, 问题就是iphone 的微信需要兼容一下audio 这个标签的方法

一、添加一个audio标签

<audio id="Jaudio" src="xxx.mp3" preload loop="loop" controls="controls"></audio >

二、处理兼容

     function audioAutoPlay(id， url){var audio = document.getElementById(id);audio.src = urlvar play = function() {document.removeEventListener("WeixinJSBridgeReady", play);document.removeEventListener("YixinJSBridgeReady", play);audio.play();};// 播放audio.play();//weixindocument.addEventListener("WeixinJSBridgeReady", play, false);//yixindocument.addEventListener('YixinJSBridgeReady', play, false);}// 调用播放audioAutoPlay('Jaudio', 'http://xxx');

处理iphone 微信中.play()方法不能播放的问题相关推荐

微信中H5同层Video播放器接入教程
微信中H5同层Video播放器接入教程 x5-video-player-type 启用H5同层播放器通过video属性"x5-video-player-type"声明启用同层H5 ...
video标签或微软云 azure-media-player 禁止在iphone safari中默认全屏播放
video标签或微软云 azure-media-player 禁止在iphone safari中默认全屏播放关键代码 webkit-playsinline='true' playsinline= ...
iphone微信 h5页音乐自动播放
iphone微信 h5页音乐自动播放: // iphone自动播放document.addEventListener("WeixinJSBridgeReady", function ...
macbook环境下从iphone微信中导出语音文件
What 手机微信不支持保存语音消息到本地,而微信中保存的音频格式aud基本上所有的播放器都没法直接播放,需要进一步处理 Why 想把微信里面的语音详细保存到本地,做进一步处理 How 主要是二步,先 ...
video标签android全屏,视频video标签在移动端微信中默认全屏播放的解决方案
最近后盾人移动端上线了,开发挺顺利,但也遇到几个小坑. 后盾人中的视频是用video视频标签引入的,当在微信中打开后盾人,播放视频的时候,视频默认会全屏播放. 安卓和ios下都存在此问题,解决方法如下 ...
IPhone微信H5用Video标签播放不了视频
H5用Video标签播放视频视频在安卓上可以正常播放,在苹果上却不能播放. 因为用了文件服务站点,而且不支持断点下载把文件服务改成支持断点下载即可断点下载参考(C#) 转载于:https://w ...
iPhone游戏中既播放背景音乐又播放特效声音的办
有时候在 iPhone 游戏中,既要播放背景音乐,同时又要播放比如枪的开火音效.此时您可以试试以下方法 NSString *musicFilePath = [[NSBundle mainBundle] ...
iPhone开发中的技巧整理（四）
iphone开发笔记退回输入键盘 - (BOOL) textFieldShouldReturn:(id)textField{ [textField resignFirstResponder]; } ...
微信中如何接入AI机器人才比较安全（不会收到警告或者f号）之第二步注入dll文件
大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂. 前言上一篇文章我们提到过,微信中如何接入ai机器人才比较安全(不会收到警告或者f号)之第一步登录微信,需要的大家可以点进去看. 文接上篇,本文主 ...

处理iphone 微信中.play()方法不能播放的问题

处理iphone 微信中.play()方法不能播放的问题相关推荐

最新文章

热门文章