解决iosaudio无法播放问题_iOSh5中多段音频 - CSDN文库

74 浏览量更新于2023-03-16 评论收藏 38KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

解决解决ios audio无法播放问题无法播放问题

主要介绍了解决ios audio无法播放问题，并给大家分享了解决方法，需要的朋友参考一下。

ios中audio不能直接通过audio.play()播放，需要用户在click事件或者touch事件中执行audio.play()才能播放。

ajax回调中audio.play()音乐不能正常播放。

用户点击按钮，等服务器返回数据后再播放相应的成功或失败的音乐，测试在ios中不能正常播放。猜测ios中的audio不能再

ajax回调函数中play()

下面记录一下ios中ajax回调中播放音乐的问题解决过程

解决方案一 --降低音量

在用户点击时间后将audio的音量设置为0,等success后将音量设置为1; volume可以控制audio的音量大小，取值范围为 0~1

audio.volume=number

发现在chrome的手机模式可以将音乐静音，ios中竟然不能控制音量,好吧这个被ios屏蔽了。放弃了

解决方案二 --播放后立即暂停

用户点击按钮后立即播放音乐，等ajax返回数据后再继续播放。测试能够正常播放。部分代码如下：

// 用户click事件

if (this.isIOS()) { // ios单独处理安卓不需要

this.$refs.audio.play()

this.$refs.audio.pause()

}

// ajax成功后的事件

this.$refs.audio.pause()

this.$refs.audio.currentTime = 0

this.$refs.audio.play()

由于是vue项目，所以代码中有this.$refs小伙伴们别介意；

总结

在ios中，如果需要播放音乐或者视频，需要用户手动触发事件在调用.play()才能播放（autoplay或者直接.play()是不能直接触

发的）;

如果需要在ajax回调函数中播放音乐，需要在用户触发事件后播放音乐立即暂停然后才能在回调函数中.play()，不然ios中是播

放不成功的。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38647567

粉丝: 4
资源: 924

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈