p5.js | setVolume()函数
setVolume()函数是 p5.js 库中的内置函数。此函数用于控制在网络上播放的音频的音量。此函数的范围介于 (0.0) 之间,表示完全静音到 (1.0),表示全音量。该音量也可以通过滑块变量控制,方法是将其划分为不同的范围。
句法:
setVolume( volume, rampTime, timeFromNow )
注意:只有当声音库包含在index.html文件的 head 部分中时,所有与声音相关的功能才有效。
参数:此函数接受三个参数,如上所述和如下所述。
- 音量:此参数包含一个浮点数,用于定义播放的音量。
- rampTime:此参数以第二种格式保存时间的整数值,之后声音将淡出。它是可选的。
- timeFromNow:此参数在定义事件发生后以第二种格式保存时间的整数值。
下面的示例说明了 JavaScript 中的p5.setVolume()函数:
例1:在本例中,我们在代码中设置了固定音量为0.5。
javascript
var sound;
function preload() {
// Initialize sound
sound = loadSound("pfivesound.mp3");
}
function setup() {
// Playing the preloaded sound
sound.play();
//stopping the played sound after 5 seconds
sound.setVolume(0.5);
}
javascript
var sound;
var slider;
function preload() {
// Initialize sound
sound = loadSound("pfivesound.mp3");
}
function setup() {
// Playing the preloaded sound
sound.play();
//creating sound rocker
slider = createSlider(0, 1, 0.2, 0.2);
}
function draw() {
sound.setVolume(slider.value());
}
示例 2:在本示例中,我们将创建一个幻灯片,帮助用户将音量增加 0.2,并将起始音量设置为 0.2。
javascript
var sound;
var slider;
function preload() {
// Initialize sound
sound = loadSound("pfivesound.mp3");
}
function setup() {
// Playing the preloaded sound
sound.play();
//creating sound rocker
slider = createSlider(0, 1, 0.2, 0.2);
}
function draw() {
sound.setVolume(slider.value());
}
在线编辑器: https://editor.p5js.org/
环境设置: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
支持的浏览器: p5.js setVolume()函数支持的浏览器如下:
- 谷歌浏览器
- IE浏览器
- 火狐
- 苹果浏览器
- 歌剧