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

最新推荐文章于 2024-02-21 14:51:41 发布
最新推荐文章于 2024-02-21 14:51:41 发布
阅读量1.1k 收藏
点赞数
分类专栏： HTML JavaScript收录 文章标签： javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44514665/article/details/103583802
版权
解决在iOS中audio（在ajax中）不能播放音频问题在ios中audio标签的播放方法在ajax中播放失败问题在ios中播放function getData() { // 可以播放 $.ajax({ type: "POST", url: '/test', data: '', success: function (da...
摘要由CSDN通过智能技术生成

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

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

在ios中播放

function getData() {
   
   // 可以播放
	$.ajax({
   
        type: "POST",
        url: '/test',
        data
最低0.47元/天 解锁文章
爱倒腾
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AJAX / VUE 异步调用音频提示
李特成的博客
08-04 238
<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加...
解决ios audio无法播放问题
01-05
ios中audio不能直接通过audio.play()播放，需要用户在click事件或者touch事件中执行audio.play()才能播放。 ajax回调中audio.play()音乐不能正常播放。 用户点击按钮，等服务器返回数据后再播放相应的成功或失败的...
关于IOS微信端ajax回调无法自动播放audio的解决方法
weixin_40011684的博客
11-07 828
关于IOS微信端ajax回调无法自动播放audio的解决方法 首先呢我先介绍一下，我是PHPer但是公司没有前端，所以前端也是我来负责，但博主前端是个渣渣小白啊。。。公司需要做一个外卖系统，里面有个功能是有订单的时候就自动语音提醒，类似美团饿了么那种。很简单，直接用ajax和audio标签就能实现。 &amp;lt;audio id=&quot;music&quot; preload=&quot;auto&quot; src=&quot;mp3.mp3...
html5 audio 标签在ajax回掉中无法播放问题
李伟泽
11-12 1536
html5在移动端开发时，我们经常会用到audio标签如下： &lt;audio id="audio" preload="auto" src="img/music.mp3"&gt;&lt;/audio&gt; 播放,暂停: document.getElementById('audio').play(); document.getElementById('audio').pause(); ...
html5 ios 音乐加载失败,ios加载html5 audio标签时遇到的问题分享
weixin_34779096的博客
06-03 254
html5 audio标签在ios 微信浏览器中是无法自动播放的，最近在做一个小的项目遇到这个问题，安卓和pc都是正常的，唯独ios不行，查阅了很多资料，找到了以下方法，也许不是最好用的方法，如果有更方便的方法，尽请留言：html部分：audio = document.getElementById('audio');audio.play();js部分：// 函数：function audioAut...
js-php-audioAPI利用AJAX处理后端传来的mp3流文件数据
莫兮的博客
04-06 859
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
html5 发语音到服务器,javascript – 将HTML5音频数据POST到服务器
weixin_34947914的博客
06-03 254
我目前正在实施一个Web应用程序,我希望用户记录一些音频,然后我想要一个提交按钮来发送记录到服务器的mp3文件.我的服务器(Flask)目前有此代码：@app.route('/',methods=['GET','POST'])def index():if request.method == "GET":return render_template('index.html',request="GET...
iOS系统和微信中不支持audio自动播放问题的解决方法
08-29
在本文中，我们将探讨如何解决这一问题，以便在iOS设备上的微信环境下实现H5页面的音频自动播放。 首先，我们需要了解iOS系统对音频播放的策略。苹果设备为了节约电量和防止用户被打扰，要求音频播放必须由用户交互...
vue中解决微信html5原生ios虚拟键返回不刷新问题
01-18
问题描述： 做微信h5页面时，经过了微信授权才跳转到一级...因为home页面是个滚动列表，所以我采用了keep-alive路由缓存，所以不能在created()和beforeDestroy()生命周期中写，因此我在home.vue中加了组件内的守卫befo
微信小程序在ios下Echarts图表不能滑动的问题解决
10-16
主要介绍了微信小程序在ios下Echarts图表不能滑动的解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,下面我们来一起学习下吧
快速解决ios微信下audio无法自动播放的问题
01-05
我们都知道，iOS下的safari是无法自动播放音乐的，主动出发点击事件也没用， 微信自己做了处理后用以下方法可以解决 document.addEventListener(WeixinJSBridgeReady, function () { audio.play(); }, false); 但是现在实际上在微信ready的时候就可以直接调用了 wx.ready(function() { audio.play(); }); 以上这篇快速解决ios微信下audio无法自动播放的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开
原声ajax发送post请求,原生js实现ajax 发送post请求
weixin_29601703的博客
08-05 325
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 1691
事件： 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 496
DOM Audio一般的浏览器都支持 Audio 标签的方式播放音频。引擎内的 DOM Audio 模式通过创建 Audio 标签来播放一系列的声音。但是在某些浏览器上可能会出现下列情况：部分移动浏览器内，Audio 的回调缺失，会导致加载时间偏长的问题。所以我们尽量推荐使用 WebAudio。iOS 系统上的浏览器，必须是用户主动操作的事件触发函数内，才能够播放这类型的音频。使用 javascr...
js中的audio声音播放及浏览器播放报错处理
最新发布
m0_61606909的博客
02-21 997
意思就是调用audio.play()方法之前，用户必须先和页面有交互，否则调用失败。speech.rate 获取并设置说话的速度 (值越大语速越快, range:0.1-10, default:1, float)speech.pitch 获取并设置话语的音调 (值越大越尖锐，range:0-2, default:1, float)speech.volume 获取并设置说话的音量 (range: 0-1, default:1, float)speech.text 获取并设置说话时的文本。
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...
jquery 监听audio标签 oncanplay，onended，onpause和onplay事件回调
LiuChengYu520的博客
06-21 1万+
audio也有很多事件属性，利用这些事件属性可以实现该音乐播放器音频的播放交互效果。 比如：  Media事件中的 oncanplay事件，onended事件，onpause和onplay事件等等 jQuery 中监听这些事件的方法如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt...
html audio添加回调,javascript – 不能直接将[audio] .play()作为jQuery回调
weixin_33785596的博客
06-23 428
考虑以下代码：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 9003
这几天写了一个网页，想给网页加一个背景音乐，随着页面加载好自动播放，一直实现不了，也没有报错，后来查询资料原来是因为audio设置的autoplay属性，记录一下。 原本 <audio preload autoplay loop id="music"> <source src="/music/bg.mp3" type="audio/mpeg"> </audio> Chrome提示：DOMException: play() failed because the
解决在EndpointManager中注册iOS设备的问题
"MS-101 Exam 是微软的一项认证考试，主要针对Microsoft ...由于考生在考试中可能无法回顾已答问题，所以对每个问题的理解和解答必须一次到位，这就要求考生在复习阶段充分掌握相关知识，模拟真实环境进行练习。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值