解决在iOS中audio不能正常播放音频问题-1

最新推荐文章于 2022-06-18 23:47:18 发布

爱倒腾

最新推荐文章于 2022-06-18 23:47:18 发布

阅读量4.5k

点赞数

本文链接：https://blog.csdn.net/weixin_44514665/article/details/103583239

版权

在微信浏览器中，针对iOS 12及以下版本，当用户点击元素播放音频时遇到问题。分析指出，音频可能无法正常播放。解决方案包括注意避免在页面加载和用户交互时重复触发播放事件，并正确使用audio标签来确保音频播放功能在iOS设备上的兼容性。

摘要由CSDN通过智能技术生成

场景

想要在微信浏览器里面实现”当用户点击某个元素，播放指定音频“

问题
在部分iOS手机上，音频不能正常播放。测试发现iOS 12版本以及以下的版本可能会有播放问题。

解决办法：

function baseMp3PlayIOS(id) {
   
    let audio = document.getElementById(id),
        my_play = function(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱倒腾

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Javascript解决音频audio在IOS系统下无法播放问题

cmyh100的博客

06-14

2万+

ios中使用audio，日常踩坑必须！！！点击后即调用xxx.play()这个方法但是我们音频链接数据如果是网络请求而来的，那我们可以这样做：1.在无播放链接的情况下先调用一次xxx.play()，然后暂停xxx.pause()2.请求到数据以后，替换链接3.判断readyState的值0 = HAVE_NOTHING - 没有关于音频是否就绪的信息1 = HAVE_METADATA - 关于音频...

解决在iOS中html5 audio（在ajax回调中）不能播放音频问题-2

weixin_44514665的博客

12-17

1221

解决在iOS中audio（在ajax中）不能播放音频问题在ios中audio标签的播放方法在ajax中播放失败问题在ios中播放 function getData() { // 可以播放 $.ajax({ type: "POST", url: '/test', data: '', success: function (da...

参与评论您还未登录，请先登录后发表或查看评论

h5 audio音频文件流在ios中无法正常播放的大坑解决

热门推荐

qq_33593958的博客

01-15

1万+

1、通过文件流 2、循环多个audio标签来播放 3、android可以ios出现加载最后一点后闪退，文件损坏 4、android可以播放、ios能播放但是没有声音以上是遇到的大坑之旅。。。下面就直接来为屌丝们来解决： var $audio = document.getElementById("audio"+index); var source = document.createEleme...

iOS音频播放 (四)：AudioFile

sunyazhou13的专栏

07-22

792

Audio Playback in iOS (Part 4) : AudioFile 前言接着第三篇的AudioStreamFile这一篇要来聊一下AudioFile。和AudioStreamFile一样AudioFile是AudioToolBox framework中的一员，它也能够完成第一篇所述的第2步，读取音频格式信息和进行帧分离，但事实上它的功能远不止如此。 Aud

解决ios audio无法播放问题

01-05

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.v

audio 在ios无法播放问题解决

jcoiwenwfkowe的博客

09-06

743

audio 在ios无法播放问题解决

ios audioplayer播放声音失败是由于最简单的错误

漫长的曲折

12-23

2794

如题。。。网上下了某播放音频的demo工程，真机调试一切正常。自己照着写了一个，竟然播放不出任何声音，查询所有的代码，找不到不对的地方，一个很诡异的状况是：正常运行播放不了任何声音，单步调试到audio player播放的地方，声音竟然出来了。。。。。。难道是主线程中断了audio player的播放？ AVAudioPlayer * avPlayer = [[AVAudioPlay

关于IOS的audio的play不执行播放问题

weixin_43788820的博客

07-19

6222

一.点击播放 1.首先，苹果目前是屏蔽了javascript的audio的autoplay以及control的属性方式和play,paused。想要实现js的play或者paused的话，官网给出的说明是必须要用户手动active点击才能播放audio(苹果为了安全和用户体验着想~.~)所以这导致很多的前端开发人员搞音频播放类的项目很头疼，无法去做一些操作，比如默认播放某首音乐，或者做一些音乐相关的内容 2.其次，我在网上也搜了很多的相关文章，但是很多要不然就是很麻烦，要不然就是无法使用，完全就是无效，当然

iOS系统和微信中不支持audio自动播放问题的解决方法

08-29

在本文中，我们将探讨如何解决这一问题，以便在iOS设备上的微信环境下实现H5页面的音频自动播放。首先，我们需要了解iOS系统对音频播放的策略。苹果设备为了节约电量和防止用户被打扰，要求音频播放必须由用户交互...

快速解决ios微信下audio无法自动播放的问题

08-27

在iOS系统的微信环境中，audio元素的自动播放功能常常受到限制，这是由于苹果为了优化用户体验，防止不必要的音频资源在用户不知情的情况下自动播放而设定的。iOS的Safari浏览器以及内置的WKWebView（如微信内置...

ios无法播放audio的问题

weixin_58699784的博客

06-18

4338

ios无法播放audio的问题

audio元素和video元素在ios和andriod中无法自动播放

weixin_30859423的博客

06-14

应对方案：触屏即播 $('html').one('touchstart',function(){ audio.play() }) 转载于:https://www.cnblogs.com/mishiyang/p/5584598.html

h5页面中audio苹果手机无法自动播放

weixin_39152200的博客

06-22

426

function audioAutoPlay(id){ 　var audio = document.getElementById('bgMusic'), // audio元素　　　　play = function(){ 　　　　　　audio.play(); 　　　　　　document.removeEventListener("touchstart",play, false); 　　　　}; 　　audio.play(); 　　document.addEventListener("WeixinJSBr

解决ios下audio不能正常播放的问题

weixin_45866907的博客

08-05

669

解决ios下audio不能正常播放的问题

app中使用audio标签出错

Kungirl的博客

07-23

400

一、本来audio标签在安卓和ios上面都有声音，但是，没想到，ios上有标签的样子。最开始用了，设置宽和高为0，或者display:none，或者z-index改变层级，都用了但是安卓上却没声音了。最后老大让我们在mounted()函数里面预加载一下，就解决掉了。 ...

解决IOS下音频文件无法播放的问题

一个懒惰的开发者的博客

09-23

2185

近期项目中有个需求，需要点击按钮播放文字答案，然后开始了填坑之旅首先使用h5的audio标签，由于后台返回音频格式为base64格式，原格式为wav，开始不确定是否可以直接播放base64格式的音频，前端通过npm的base64ToBlob的方式解码，并赋值给audio的src，具体代码如下： //答案语音播放 playVoice(text,e){ let audio = this.$refs.audio; // 提取返回答案中的文字 let reg = /.

HTML5 解决苹果手机audio不能自动播放音乐问题

☆╮123☆

04-03

2846

html5解决苹果手机不能自动播放音乐问题，解决方法如下一段代码: <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> function autoPlayAudio() { wx.config({ // 配...

2021-08-31JSP项目中，audio标签 IOS端无法播放音频

huananzhici的博客

08-31

1423

在JSP中播放音频目录背景如何实现其他项目中的实现形式遇到问题：IOS端无法播放而安卓端和PC端一切正常目录你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。背景老项目（JSP）维护，新增了语音播放功能，要兼容IOS和安卓，在微信端。如何实现最简单的实现形式： <audio src="${rsp}/resources/sounds/xxxx.mp3" id="soun

使用The Amazing Audio Engine实现iOS音频录制与播放

"iOS使用The Amazing Audio Engine音频处理框架进行音频录制和播放的实践教程" 在iOS应用开发中，处理音频是一项常见的任务，包括录音和播放功能。The Amazing Audio Engine（TAAE）是一个强大的音频处理框架，专为...