Question

我已经在我的代码中尝试过此操作，但似乎无法使其正常工作。

<body>
  <div id='container'>
    <canvas id='game' width='320' height='480'></canvas>
  </div>
  <p>HTML background music test</p>
     <embed src="music/alien-spaceship_daniel_simion.mp3" autostart="true">
  <script src='Scripts/engine.js'></script>
  <script src='Scripts/game.js'></script>
</body>

Answer 1

如今，不建议使用此类嵌入，因为并非所有系统都支持它们。此外，每个插件通常都有自己独特的API。您应该改用<audio>标记。

<audio src="music/alien-spaceship_daniel_simion.mp3" controls autoplay />

但是请注意，autoplay通常不再起作用，这是由于对该功能的过度滥用以及subsequent browser policies。

Answer 2

嗯...对我有用，我不知道为什么它对您不起作用。

我可以想到的另一种方法是使用JavaScript使HTML5音频元素在文档加载时播放。这是一个示例：

<html>
<head>
  <script>
    function onload() {
      var alienspaceship = document.getElementById("alien-spaceship");
      alienspaceship.play();
    }
  </script>
</head>
<body onload="onload()">
  <div id='container'>
    <canvas id='game' width='320' height='480'></canvas>
  </div>
  <p>HTML background music test</p>
  <audio id="alien-spaceship">
    <source src="music/alien-spaceship_daniel_simion.mp3" type="audio/mp3" />
  </audio>
  <script src='Scripts/engine.js'></script>
  <script src='Scripts/game.js'></script>
</body>
</html>

index.html可以播放音频文件吗？如果是这样，我如何实现它在后台自动播放？

2 个答案: