解决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中是播放不成功的。

您可能感兴趣的文章:

详解2016 cocoapods的安装和使用以及版本升级遇到的问题
CocoaPods是一个负责管理iOS项目中第三方开源库的工具。这篇文章主要介绍了2016 cocoapods的安装和使用以及版本升级遇到的问题,有需要的可以了解一下。
2016-12-12
浅析iOS多视图滑动点击切换的集成
本文将大家常常会用到的多视图滑动点击切换视图进行封装，这样在大家使用的时候就很方便了，有需要的可以参考学习，下面一起来看看吧。
2016-08-08
iOS两丫技术之UILabel性能不够的解决方法
这篇文章主要介绍了iOS中控件UILabel性能不够而自定义UILabel的过程，UILable是iPhone界面最基本的控件，主要用来显示文本信息，下面通过本文我们来了解一下
2022-08-08
iOS 约束冲突怎么解决
这篇文章主要介绍了iOS 约束冲突的解决方案,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-12-12
ios获取数据之encodeURI和decodeURI的实例
下面小编就为大家带来一篇ios获取数据之encodeURI和decodeURI的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-11-11
iOS 9 Core Spotlight搜索实例代码
本文主要讲解 iOS 9 Core Spotlight,在 IOS 开发的时候有时候会用到搜索功能,这里给大家一个实例作为参考,有需要的小伙伴可以参考下
2016-07-07
iOS阅读器与直播的控件重叠滑动交互详解
这篇文章主要介绍了iOS阅读器与直播的控件发生重叠时滑动交互受到影响的问题，开发中某个控件出现在其它控件上方是和你常见的情况，但是如果影响到正常的交互这就会成为大问题，下面我们来了解一下
2022-08-08
iOS自带动画效果的实例代码
本文给大家分享ios自带动画效果的实现代码，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2016-12-12
iOS常用调试方法之静态分析详解
这篇文章主要给大家介绍了关于iOS常用调试方法之静态分析的相关资料，文中通过示例代码介绍的非常详细，对各位iOS开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-04-04
iOS开发实现HTTPS之cer文件的使用详解
下面小编就为大家分享一篇iOS开发实现HTTPS之cer文件的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-01-01