audio语音播放，在ios上失效

currentTime 属性设置失效
当需要拖动滑块控制音频时，先设置音频只有在播放的状态下才能拖动重新设置currentTime。
代码片段：

onDrag(value, index, ext) {// 在已经播放的前提下才能拖动滑条if (this.isPlaying) {this.audioClickSatus = 1this.closeAudioBtnIndex = indexthis.playAudio(index, ext, value)}},

2.无法播放音频

将动态渲染的audio ，只保留一个（界面中多个音频样式，但实际audio标签只有一个）。请求接口返回音频后使用setTimeout延时play。
动画，等待加载完，再执行播放动画。

代码片段：

// 如果返回了URL，则开始计时动画if (this.audioResult) {this.playTimeout = setInterval(() => {// 当currentValue（滑动条的位置） 大于等于100时，结束动画，各值清空。（currentValue最大值为100，百分比）if (this.currentValue >= 100) {this.currentValue = 0this.$refs.audio.currentTime = 0clearInterval(this.playTimeout)this.playTimeout = nullthis.$refs.audio.pause()this.closeAudioBtnIndex = nullthis.isPlaying = falsereturn false} else {// 否则currentValue位置逐增this.currentValue += +`${recordLineWidth / 2 / Number(time)}`}}, 1000)}

audio语音播放，在ios上失效相关推荐

微信小程序设置swiper圆角在ios上失效解决
今天在给轮播图添加圆角的时候,发现在安卓机上是有圆角的,但是在苹果手机上圆角却失效了,后来翻阅了文档发现这是个bug.下面是两种解决方案:第一种:-webkit-backface-visibility ...
ios html5 audio mp3,H5 audio 微信端在IOS上不能播放音乐
前言在做各种HTML5场景页面的时候,插入背景音乐是一个很普遍的需求.我们都知道,iOS下的safari是无法自动播放音乐的,以至一直以来形成了一种认知,iOS是无法自动播放媒体资源的.直到微信火爆 ...
html audio语音播放器,HTML5-定制音频播放器-audio
先看看效果--->传送门<---,如果感觉没什么大不了的就可以绕道了(==) HTML结构其实很简单,不要在意那个音频的地址. 首先是audio标签,是我们这个小东西的核心.其主要的属性可 ...
解决 overflow:hidden 在IOS 上失效的问题
其实业务上经常会出现在浏览器弹出一个提示框让用户输入一些东西但是把如果后面的元素还能滚动的话就给人一种很不爽的感觉建议弹窗出现的时候禁止 body 内容滚动用户体验就更好了 b ...
js模仿微信语音播放的小功能
自己写的一个模仿微信语音播放的小功能,实现的主要功能是:点击播放,点击暂停,播放切换,,, 代码如下: <!DOCTYPE html> <html lang="en&qu ...
uni-app 实现语音播放实现思路和代码
#uni-app 实现语音播放功能demo == 思路 1== 从消息列表中筛选出单独的语音列表, 在消息列表中添加字段,语音列表的index和消息列表中的index对应语音列表添加标识,区分播放状 ...
解决ios上audio不能自动播放的问题以及监听audio播放状态
最近做了个H5产品的宣传活动,用到了audio标签并且要求自动播放,我们都知道safri on ios里面明确指出等待用户的交互动作后才能播放media,也就是说如果你没有得到用户的action就播放 ...
解决audio音频标签在ios系统上失效的办法
这周做了一个h5页面,其中用到了audio标签播放背景音乐,一开始皆大欢喜,在自己的安卓机测完后准备发版的时候想了想还是找个苹果看一下把,果然,一看就出现问题了,背景音乐无法播放,而且自定义的播放按钮 ...
iOS语音播放之切换听筒和扬声器的方法解决方案
iOS下微信语音播放之切换听筒和扬声器的方法解决方案 [[UIDevice currentDevice] setProximityMonitoringEnabled:YES]; //建议在播放之前设置 ...

audio语音播放，在ios上失效

audio语音播放，在ios上失效相关推荐

最新文章

热门文章