JS中使用new Audio()播放音乐时报错“Failed to load”如何解决?

JS中使用new Audio()播放音乐时报错“Failed to load”如何解决?

js中使用new audio()播放音乐时报错“failed to load”的解决方法

问题描述

在使用htmljs进行音乐播放时,通过new audio()加载了mp3文件,但音乐不会播放,控制台报错“uncaught (in promise) domexception: fAIled to load because no supported source was found”。

解决方法

1. 异步加载

new audio(url)在提供了url后,浏览器会开始异步加载媒体资源。建议将播放操作放在加载事件触发钩子函数中执行。

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

2. 浏览器禁用非交互播放

如果上述方法仍然无法播放音乐,可能是浏览器禁用了非用户交互的播放。可添加一个按钮,点击后触发播放。

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容