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

最新推荐文章于 2024-01-02 10:04:21 发布

爱倒腾

最新推荐文章于 2024-01-02 10:04:21 发布

阅读量1.2k

点赞数

分类专栏： HTML JavaScript收录文章标签： javascript css html

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

版权

本文介绍了在iOS移动端开发中遇到的html5 audio标签在ajax异步请求回调中无法播放的问题。针对这个问题，解决方案是将ajax请求设置为同步，以确保音频播放不受影响。同时，注意到在iOS的Safari中也可能存在类似播放问题。

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

html5 在移动端的开发中经常会使用到 audio 标签

但是在ios中，你会发现在ajax回调中audio标签的播放方法*document.getElementById(‘audioBoom’).play()*居然不能播放。但是Android可以。

在ios中播放

function getData() {
   
   // 可以播放
	$.ajax({
   
        type: "POST",
        url: '/test',
        data

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱倒腾

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

AJAX / VUE 异步调用音频提示

李特成的博客

08-04

272

<audio id="ok"> <source src="../../Audio/ok.mp3" type="audio/mpeg"> </audio> //执行方法 okTips() //异步语音提示 function okTips() {//ok提示语音 okTips NGTips() const url=$("#ok").find("source").attr("src"); load(url); } //AJAX加...

js中的audio声音播放及浏览器播放报错处理

LXY博客

02-04

2183

audio调取声音播放url，SpeechSynthesisUtterance播放

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

html5 audio 标签在ajax回掉中无法播放问题

李伟泽

11-12

1574

html5在移动端开发时，我们经常会用到audio标签如下： <audio id="audio" preload="auto" src="img/music.mp3"></audio> 播放,暂停: document.getElementById('audio').play(); document.getElementById('audio').pause(); ...

关于IOS微信端ajax回调无法自动播放audio的解决方法

weixin_40011684的博客

11-07

882

关于IOS微信端ajax回调无法自动播放audio的解决方法首先呢我先介绍一下，我是PHPer但是公司没有前端，所以前端也是我来负责，但博主前端是个渣渣小白啊。。。公司需要做一个外卖系统，里面有个功能是有订单的时候就自动语音提醒，类似美团饿了么那种。很简单，直接用ajax和audio标签就能实现。 &lt;audio id="music" preload="auto" src="mp3.mp3...

html5 ios 音乐加载失败,ios加载html5 audio标签时遇到的问题分享

weixin_34779096的博客

06-03

302

html5 audio标签在ios 微信浏览器中是无法自动播放的，最近在做一个小的项目遇到这个问题，安卓和pc都是正常的，唯独ios不行，查阅了很多资料，找到了以下方法，也许不是最好用的方法，如果有更方便的方法，尽请留言：html部分：audio = document.getElementById('audio');audio.play();js部分：// 函数：function audioAut...

js-php-audioAPI利用AJAX处理后端传来的mp3流文件数据

莫兮的博客

04-06

900

js-php-audioAPI利用AJAX处理后端传来的mp3流文件数据目录文章目录前言推荐阅读常见`API`代码实现`audio.html``streamFile.php`总结前言尝试利用浏览器中的audio API 推荐阅读 MDN 常见API AudioContext decodeAudioData 代码实现 audio.html <!DOCTYPE html> <html lang="en"> <head> <meta char

解决ios audio无法播放问题

01-05

下面记录一下ios中ajax回调中播放音乐的问题解决过程解决方案一 –降低音量在用户点击时间后将audio的音量设置为0,等success后将音量设置为1; volume可以控制audio的音量大小，取值范围为 0~1 audio.v

在iOS设备中如何在AJAX回调中实现音量调整和播放控制，同时处理点击事件？

最新发布

11-01

在iOS中实现AJAX回调下的音量调整和播放控制是一项挑战，因为iOS对音频的自动播放和后台播放有严格的限制。一种常见的解决方案是利用AVFoundation框架的AVAudioPlayer类，它提供了比HTML5 audio元素更多的控制能力。...

audio标签的属性与回调函数

2302_79777012的博客

01-02

1029

audio标签是一个音频标签.

audio标签的播放、暂停、重播、进度拖拽等操作

一条会流泪的鱼

11-15

5107

对听力题进行手动控制等一系列操作，其中最主要的用到的一些方法就是loadeddata、timeupdate、ended等

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

01-05

我们都知道，iOS下的safari是无法自动播放音乐的，主动出发点击事件也没用，微信自己做了处理后用以下方法可以解决 document.addEventListener(WeixinJSBridgeReady, function () { audio.play(); }, false); 但是现在实际上在微信ready的时候就可以直接调用了 wx.ready(function() { audio.play(); }); 以上这篇快速解决ios微信下audio无法自动播放的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开

html5 发语音到服务器,javascript – 将HTML5音频数据POST到服务器

weixin_34947914的博客

06-03

278

我目前正在实施一个Web应用程序,我希望用户记录一些音频,然后我想要一个提交按钮来发送记录到服务器的mp3文件.我的服务器(Flask)目前有此代码：@app.route('/',methods=['GET','POST'])def index():if request.method == "GET":return render_template('index.html',request="GET...

原声ajax发送post请求,原生js实现ajax 发送post请求

weixin_29601703的博客

08-05

372

var postData = { "name1": "value1", "name2": "value2"};postData = (function(obj){// 转成post需要的字符串.var str = "";for(var prop in obj){str += prop + "=" + obj[prop] + "&"} return str;})(postData);var ...

ajax数据请求和多个音频的点击事件随笔

彭良维的专栏

07-12

1713

事件： 1：在angularJS中，AJAX请求回来的数据需要使用$scope.$apply（function（）{$scope.reply = replyArr}）进行实时刷新 2：在angularJS中，在ng-repeat循环中的点击事件只有通过ng-click=“dian($index)”，并且在js中需要$scope.dian = function($index){} 3：$ind

html audio添加回调,webAudio和domAudio的区别（部分移动浏览器内，Audio 的回调缺失）...

weixin_32700139的博客

06-23

567

DOM Audio一般的浏览器都支持 Audio 标签的方式播放音频。引擎内的 DOM Audio 模式通过创建 Audio 标签来播放一系列的声音。但是在某些浏览器上可能会出现下列情况：部分移动浏览器内，Audio 的回调缺失，会导致加载时间偏长的问题。所以我们尽量推荐使用 WebAudio。iOS 系统上的浏览器，必须是用户主动操作的事件触发函数内，才能够播放这类型的音频。使用 javascr...

HTML5 audio 标签播放事件流程

热门推荐

liubangbo的专栏

01-18

1万+

此代码包括了html5 audio 标签整个播放流程。你可以暂停，调整音量，拖动进度条观察一下 var audio = new Audio(); document.body.appendChild(audio); if (!!audio){ audio.src = "allofMe.mp3"; // audio.autoplay = true; audi...

html audio添加回调,javascript – 不能直接将[audio] .play()作为jQuery回调

weixin_33785596的博客

06-23

469

考虑以下代码：var music = $("audio")[0];//doesn't work$("#pbutton").click(music.play);//works$("#pbutton").click(function(){music.play()});无效的行在Firefox中返回此错误：TypeError：对未实现接口HTMLMediaElement的对象调用’play’.我在这里错...

html页面audio的autoplay自动播放音乐失败解决方案

qq_30136729的博客

11-22

9564

这几天写了一个网页，想给网页加一个背景音乐，随着页面加载好自动播放，一直实现不了，也没有报错，后来查询资料原来是因为audio设置的autoplay属性，记录一下。原本 <audio preload autoplay loop id="music"> <source src="/music/bg.mp3" type="audio/mpeg"> </audio> Chrome提示：DOMException: play() failed because the

html audio解决浏览器无法播放问题

恨_别离的博客

07-01

6046

本人在开发后台的时候顺便写前台界面需要做播放录音的时候使用html的audio进行播放录音 <audio src="${mediaPath}" controls></audio> 但是在使用过程中发现IE浏览器不支持，不能播放，如下图所示本人找了很多方法最后找到了解决方案可以播放录音，如下图所示成功解决IE浏览器不支持wav、MP3等格式播放问题代码如下 <embed id="ieaudio" height="36" width="3..

如何在iOS设备上通过AJAX回调触发电音频量调整和播放控制？

11-01

同时，由于iOS不支持通过`audio.volume`属性来调整音量，我们必须在播放前进行判断并采用其他方法来实现静音效果，例如通过系统音频会话的配置来控制音频输出。具体代码实现可能依赖于使用的具体框架或库，这里提供...