解决ios audio无法播放问题
更新时间：2017年11月30日 17:16:03 投稿：laozhang
这篇文章主要介绍了解决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中是播放不成功的。
相关文章
iOS崩溃是让iOS开发人员比较头痛的事情，app崩溃了，说明代码写的有问题，下面这篇文章主要给大家介绍了关于iOS监控笔记之启动crash的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下2018-05-05
为了团队各成员之间代码的互通、可读、易维护性，特制订此开发规范。下面这篇文章主要给大家介绍了关于iOS项目的开发命名规范的相关资料，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2017-11-11
这篇文章主要给大家介绍了关于iOS tableView多输入框如何获取数据的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
下面小编就为大家分享一篇iOS 输入验证码或密码,自动下一位的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了iOS SwiftUI 颜色渐变填充效果的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
这篇文章主要为大家介绍了Flutter 模型动态化赋值研究分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
最近因为工作的需要，要开发微信支付，发现网上的很多教程过于复杂，索性自己写一篇，所以下面这篇文章主要跟大家分享了关于iOS开发傻瓜式微信支付的方法教程，文中通过示例代码介绍的非常详细，需要的朋友们下面来一起看看吧。2017-07-07
这篇文章主要为大家介绍了Flutter Widgets之标签类控件Chip详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
IOS LaunchScreen设置启动图片与启动页停留时间详解
这篇文章主要介绍了IOS LaunchScreen设置启动图片与启动页停留时间详解的相关资料,需要的朋友可以参考下2017-02-02
本文给大家通过一些简单的实战来讲解使用ARM汇编进行IOS逆向工程的方法，十分的实用，有需要的小伙伴可以参考下2015-11-11
最新评论