javascript - 如何为程序添加音频？我的程序中已经有mp3了

Question

我已经在index.html中添加了此功能，然后在脚本文件中添加了一个名为play的函数，然后在播放中调用该脚本[然后，如果玩家决定向敌人射击火球，那么当我尝试调用play命令时，它给我一个错误，提示“无法读取null的属性'play'”，我该怎么办？

我的index.html文件中有此文件:

<audio id="audio" src="fire.mp3" ></audio>

在我的脚本文件的顶部，我这样做:

var fire = new Audio();
fire.src = "fire.mp3";
function play(){
   var audio = document.getElementById("audio");
   audio.play();
             }`


 (Fire.mp3 is already a file outside of my program, its what i called in in my   index.html file)

最后，当玩家决定使用火球时，我尝试通过这样做来添加一秒钟的火球噪音:

if (fire = true && up2 === "FIRE" ) {
  var  enemyhealth = parseInt(enemyhealth) - parseInt(firepower);
  xp + 2;
  play();

`
播放的结尾是当我尝试调用该函数时，但是它确实起作用。

Answer 1

您正在使用不一致的方法和对象。将代码更改为此:

var fire = document.getElementById("audio");

或这个:

var fire = new Audio("fire.mp3");

然后确保它在整个程序中始终保持一致。