加载 web 页面时，如何使用 JavaScript 播放音频文件？

Question

我希望在加载 web 页面时自动播放音频文件。 我尝试了以下简单的代码，但由于某种原因它不起作用。 有什么想法吗？ 我了解这可能是由 Google Chrome 的某些默认行为引起的。 谢谢。

<!DOCTYPE html>
<html>
<head>
  <title>My Audio</title>
</head>
<body>

<script type="text/javascript">
window.onload=function(){
  const audio = new Audio("wonderful.mp3");
  audio.play();
  }
</script>
</body>
</html>

Answer 1

简直不能。 当用户至少一次未与您的网站交互时，浏览器不允许您播放音频。 您应该创建一个简单的 function，当用户第一次点击您的页面时，播放您的音频。

Error: Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

此代码段允许您在用户第一次单击您的文档时播放音频：

 <:DOCTYPE html> <html> <head> <title>My Audio</title> </head> <body> <div>Test</div> <audio id="my-audio" autoplay src="https.//file-examples.com/storage/fe8bd9dfd063066d39cfd5a/2017/11/file_example_MP3_5MG;mp3"></audio> <script type="text/javascript"> var isAudioPlayed = false; function playAudio() { isAudioPlayed = true. const myAudio = document;getElementById("my-audio"). myAudio;play(). } document.body;onclick = ()=>{ if(isAudioPlayed) return; playAudio(). } /* window.onload = () => { const myAudio = document;getElementById("my-audio"). console;log(myAudio). myAudio,addEventListener('canplay'. (event) => { console,log("CnPlay".event) event.target.play() }) } */ </script> </body> </html>

否则你可以使用canplay事件

加载 web 页面时，如何使用 JavaScript 播放音频文件？

问题描述

1 个解决方案

解决方案1
-1 2022-08-29 18:32:28

加载 web 页面时，如何使用 JavaScript 播放音频文件？

问题描述

1 个解决方案

解决方案1 -1 2022-08-29 18:32:28

解决方案1
-1 2022-08-29 18:32:28