时间戳

首页 > 解决方案 > Javascript 中的背景音乐不起作用

javascript - Javascript 中的背景音乐不起作用

问题描述

我正在创建一个小型恐怖游戏，但我似乎无法弄清楚如何在 javascript 中添加背景音乐。

我查找了如何添加它，并在 w3schools 上找到了解决方案，但是当我尝试它时，它不起作用。我正在尝试播放名为 backgroundMusic 的声音，该声音设置为名为 bgmusic.mp3 的 mp3 文件

var jumpscare;
var backgroundMusic;

music();

function music() {
jumpscare = new sound("jumpscare.mp3");
backgroundMusic = new sound("bgmusic.mp3");
backgroundMusic.play();
}

我希望发生的是当我打开应用程序时音乐开始播放。

标签： javascripthtmlcss

解决方案

sound不是一个有效的构造函数，你的意思是Audio？

据我所知，您需要集成一个html<audio>标签才能播放声音。

根据 W3School 文档：

<audio id="myAudio">
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

而在script部分：

var x = document.getElementById("myAudio"); 
x.play()
x.pause()

编辑，这也应该工作：

const audioObj = new Audio(url);
audioObj.play();

此处提供了完整的方法列表：https ://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement#Methods

推荐阅读