解决方法: audio.load() let playPromise = audio.play() if (playPromise !== undefined) { playPromise.then(() => { audio.play() }).catch(()=> { }) } 原因: 从Chrome50开始,对<video>或<audio>元素的play()调用返回一个Promise. 一个异步返回单个结果的函数.如果回放成功,Promise就会实现,而play事…
最近在做项目的时候发现一个如题的控制台报错. 一看右侧的报错文件是undefined 这下苦恼了,定位不到问题所在. 今天解决了这个问题,就来分享一下. 问题的关键所在是在执行了play()方法以后立即执行pause()方法.反之亦然 以下贴出代码 HTML: <button id="btn1">test</button> JS: var music=new Audio();music.src="/1.mp3";//这里替换成一个有效的音频文…
$(document).ready(function () { var audioElement = $( '<audio>' + ' <source src="" />' + '</audio>'); $('body').append(audioElement); var a = audioElement[0]; var lastEventTime = null; var queue = []; function play() { //如果队列是空…
<audio id="play" controls="controls" loop="loop"> <source src="horse.mp3" type="audio/mpeg"> </audio>浏览器出现:Uncaught (in promise) DOMException: play() failed because the user didn't intera…
最近在开发一个网站时,有个需要是 如果有新预警信息要在网页中播放提示音.页面打开会请求是否有新信息,有则播放提示音.在Chrome的最新浏览器中,播放会报错,控制台显示Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.搜索发现Chrome 66为了避免标签产生随机噪音禁止没有交互前使用js进行播放.最后解决方案为 在chrome地址栏…
patchUpload.vue?5e29:406 Uncaught (in promise) DOMException: Failed to execute 'readAsArrayBuffer' on 'FileReader': The object is already busy reading Blobs.…
原文:https://blog.csdn.net/Mariosss/article/details/87861167 用chrome调试页面时,发现audio控件有时不能正常播放音频,控制台报错 Uncaught (in promise) DOMException: 解决方法如下: 在chrome的地址栏中输入:chrome://flags/#autoplay-policy,回车打开设置页面,在该设置改页面会看到黄色方框标记的字体:Autoplay policy ,该选项默认设置为Default…
转载自:http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动播放音频和视频.(Google的某些做法还真是令开发者不爽).就算你为video或audio标签设置了autoplay属性也一样不能自动播放. <video autoplay></video> 1 如果你用 javascript 代码显式调用play方法,你将会在控制台看到如下异常…
npm  run dev 运行项目后 验证码显示不出来 并报错 Uncaught (in promise) DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL 解决:url 前面加 http://…
话说发哥四年前写了一个网页,如上图效果,实际网址http://pano.z01.com ,话说做好时是正常的,突然某一天,客户说你这个网站动画不见了,这是什么原因? 结果检查脚本一切正常. 其实也不是动画完全消失,关键是要用鼠标点击一下,才可以播放,否则autoplay效果无用,不能播放. 后来检查,原来是chrome的脚本机制变更造成的. 在F12调试中,会出出: HTML5<video>报错Uncaught (in promise) DOMException 在最新版的Chrome浏览器(…