Javascript 如何使用一个滑块控制所有卷?

Javascript 如何使用一个滑块控制所有卷?,javascript,Javascript,我正在为FreeCodeCamp.com上的第一个证书制作Simon游戏 我有6个不同的音频文件,可以根据不同的事件播放。 我正在尝试添加音量滑块来控制此选项卡的音量。。 如何使用一个滑块控制所有卷? JavaScript HTML 让我们 玩游戏? 看起来你真是太接近了。只需在音频对象上设置音量属性 1) 跟踪全局体积变量 var globalVolume = 1; 2) 在setVolume函数中,根据用户的更改更改globalVolume player.volume = val / 1

我正在为FreeCodeCamp.com上的第一个证书制作Simon游戏 我有6个不同的音频文件,可以根据不同的事件播放。 我正在尝试添加音量滑块来控制此选项卡的音量。。 如何使用一个滑块控制所有卷?

JavaScript

HTML


让我们
玩游戏?

看起来你真是太接近了。只需在音频对象上设置音量属性

1) 跟踪全局体积变量

var globalVolume = 1;
2) 在setVolume函数中,根据用户的更改更改globalVolume

player.volume = val / 100;
globalVolume = player.volume;
3) 在
pad.addEventListener('click')
事件中,在调用
audio.play()
之前,设置音频的音量属性

audio.volume = globalVolume;
audio.play();

您的代码笔与上述修改

我故意使用我作品的旧版本。这个较新的版本有两个来自不同事件侦听器的其他音频文件,但您的答案非常清楚,我也知道如何将其添加到它们中。
player.volume = val / 100;
globalVolume = player.volume;
audio.volume = globalVolume;
audio.play();