时间戳

首页 > 解决方案 > 我们如何在 html 中为网页添加循环音乐？

javascript - 我们如何在 html 中为网页添加循环音乐？

问题描述

我正在尝试将背景音乐添加到我的游戏中，但它不起作用我希望它继续循环，即使我移动到第二页我该如何解决它？

这是我到目前为止所尝试的：

<!DOCTYPE html>
  <html lang="en">
   <canvas id="bg"></canvas>

<head>
     <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <script type="text/javascript" src="Homepage.js"></script>
     <embed src="https://www.youtube.com/watch?v=-6nzGfMla-k&feature=youtu.be" autostart="true" loop="true"
       width="2" height="0"></embed>
</head>

标签： javascripthtmlcss

解决方案

我建议你从这里下载那个 youtube 的视频音频，只需输入视频链接并下载音频并保存并在<source>,src属性中提供。
像这样创建音频并添加autoplay并设置loop为true.

   <audio autoplay loop="true">
      <source src="yourSong.mp3" type="audio/mpeg">
    </audio>

推荐阅读