JS 中使用 new Audio() 音乐不播放?如何解决 "DOMException: Failed to load because no supported source was found." 错误?

JS 中使用 new Audio() 音乐不播放?如何解决

JS 中使用 new Audio() 音乐不播放?

在使用 js 中的 new audio() 方法播放音乐时,遇到音乐不播放的问题并出现控制台报错 “domexception: failed to load because no supported source was found.”,该如何解决?

问题解答:

首先,该错误提示表示浏览器未能加载媒体资源。接下来,new Audio(url) 方法会在提供 url 之后,异步加载媒体资源并返回一个新对象。

为了解决这个问题,建议在加载事件触发后的钩子函数中执行音频播放代码。以下是使用 canplaythrough 事件监听器的示例:

const music = new Audio('./1.mp3');music.addEventListener("canplaythrough", event => {  /* 音频可以播放;如果权限允许则播放 */  music.play();});

登录后复制

最后,如果音频仍然无法播放(控制台会出现其他错误),则可能是浏览器禁用了非用户交互的播放。在这种情况下,需要在页面中添加一个按钮,并在此按钮被点击后触发音频播放。

以上就是JS 中使用 new Audio() 音乐不播放?如何解决 “DOMException: Failed to load because no supported source was found.” 错误?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2806803.html

(0)
上一篇 2025年3月8日 22:21:22
下一篇 2025年3月8日 22:21:33

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论