jQuery音频: play()失败，因为用户未首先与文档交互
jQuery音频: play()失败，因为用户未首先与文档交互。
这个问题通常是由浏览器的自动播放策略引起的。为了提供更好的用户体验和防止滥用，现代浏览器通常要求用户首先与文档进行交互，例如点击页面或执行某些操作，才能自动播放音频或视频。
解决这个问题的方法有以下几种：
- 用户交互触发播放：在用户与文档进行交互后，通过JavaScript代码触发音频的播放。例如，可以在用户点击一个按钮或执行某些操作后，调用play()方法播放音频。
- 使用浏览器的自动播放策略：某些浏览器提供了自动播放音频的策略，可以通过设置相关的属性或参数来实现。具体的实现方式因浏览器而异，可以查阅浏览器的文档或开发者指南来了解如何配置。
- 提示用户进行交互：如果用户未与文档进行交互，可以通过提示用户进行交互来解决。例如，可以在页面上显示一个提示信息，告知用户需要点击页面或执行某些操作后才能播放音频。
总结起来，解决jQuery音频的play()失败问题，需要通过用户交互触发播放、使用浏览器的自动播放策略或提示用户进行交互来解决。具体的实现方式可以根据具体的需求和浏览器特性来选择。
相关·内容
我对Javascript和Jquery比较陌生。我正在尝试做的是创建一个基本的网页与2个按钮，将发出声音，无论何时你点击他们。上面的函数用于选择名为"green.mp3“的音频文件，并在单击绿色按钮时播放该文件。function sound(color){
}，因为用户没有
浏览 105提问于2020-12-18得票数 2
回答已采纳
页面加载，第一个音频文件(.mp3)播放，然后出现不同的元素，带有Jquery延迟，等等。在特定的< ul >淡入时，第二个音频文件播放。使用"Live Server“的保存时自动重新加载功能，或通过单击导航栏的链接到同一页面(测试目的)，声音和Jquery函数工作正常，但如果我用浏览器本身刷新，声音文件不会再次播放。我刚刚开始学习JS和Jquery，所以如果代码混乱，我很抱歉。script>
var audio1 = $(&qu
浏览 2提问于2020-07-27得票数 0
我一直收到这样的错误："DOMException: play()失败，因为用户没有首先与文档交互。“但是，我不知道该怎么办。有什么建议吗？new Audio();audioElement.audio.play
浏览 335提问于2021-09-15得票数 0
2回答
我有一个小问题，我不能解决var i = 0;chat_box.empty();
Audio audio = new Audio('assets/notify.mp3');
audio.playchat_box.animate({"scrol
浏览 2提问于2020-04-08得票数 0
当我尝试使用下面的Js在我的chrome书上播放音频时，我一直收到这样的消息：
var audioElement = new Audio('indie.mp3').play})
浏览 1提问于2021-01-17得票数 1
我的页面里有这样的html5音频 $("#audio").get(0).play();但是刷新页面时会出现错误。Uncaught (
浏览 3提问于2020-02-25得票数 0
我用new Audio()创建了一个音频对象。我知道，播放音频用户交互是强制性的。所以我尝试了下面的代码。audio.addEventListener("canplaythrough", () => {});
但是它抛出了不透明(承诺) DOMException: play()失败，因为用户没有首先<em
浏览 5提问于2021-07-30得票数 2
回答已采纳
Vimeo播放器现在可以播放甚至与allow=“自动播放”属性，检查jsfiddle控制台错误，点击小图标播放按钮： https://jsfiddle.net/0vfLtdm8/ var playervideo-player'); vimeoPlayer.playapi/player.js"></script&
浏览 12提问于2019-03-07得票数 0
1回答
是否有一种在用户与页面交互之前以编程方式开始播放音频的方法？.');XYZ.abc.play(); Uncaught (承诺) DOMException: play()失败了，因为用户没有首先与文档交互。标准的UI模式是要求
浏览 3提问于2020-10-19得票数 0
DOMException: play()失败，因为用户没有首先与文档交互。hungry= document.getElementById("hungrySound"); music.playthirsty.currentTime = 0; function pla
浏览 60提问于2021-02-18得票数 1
fadeOut(100).fadeIn(100);
audio.play();play()函数不起作用，它会给出错误"Uncaught (in promise) DOMException: play() failed，因为用户没有首先与
浏览 0提问于2020-11-21得票数 0
3回答
但音频不播放，仅显示确认框。notify() { alarm.loop = true; alarm.pause();}
更新:错误消息-> "DOMException: play()失败，因为用户没有首先与文档<e
浏览 0提问于2021-05-15得票数 1
我创建了一个音频对象，希望在用户离开窗口时播放它。$('body').on('mouseleave', function(){ audio.play但是，当我离开鼠标而没有点击页面时，控制台中出现了一个错误，音频无法播放。
Uncaught (承诺) DOMException: play()失败是因为<
浏览 0提问于2018-11-17得票数 0
回答已采纳
1回答
playSound : function() { audio.play();我使用上面的代码简单地播放音频有时，我会得到异常，音频永远不会播放"Uncaught (承诺) DOMException: play()失败，因为用户没有首先与文档交互“。
我不想搅乱HTML .
浏览 3提问于2018-05-15得票数 2
当我试图在componentDidMount中播放音频时，我得到了这个错误。DOMException: play()失败是因为用户没有先与文档交互。componentDidMount() {}
<audio id="backgroundMusic是否有任何方式的autoPlay音频<
浏览 4提问于2020-11-29得票数 3
回答已采纳
当我使用JavaScript打开一个流式音频窗口时，它拒绝在Google上自动播放(67.0.3396.99版)。autoplay“我甚至尝试在页面中使用嵌入式JavaScript
DOMException: play()失
浏览 2提问于2018-07-25得票数 0
false; soundElem.currentTime = 0; soundElem.play
浏览 12提问于2020-01-15得票数 1
如何处理“Uncaught (in promise) DOMException: play()失败，因为用户没有首先与文档交互。”使用Chrome 85？我正在尝试使用自动播放(带有jquery插件)。addEventListener('click', function() { { var context = new AudioContext(); // Setup all nodes ...
浏览 76提问于2020-09-07得票数 0
这在大多数情况下都会发生，但有时不会弹出错误，测试会照常运行。任何关于如何解决这个问题的指针。
浏览 5提问于2021-10-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
