📜  p5.js | setVolume()函数

📅  最后修改于: 2022-05-13 01:56:18.699000             🧑  作者: Mango

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浏览器
  • 火狐
  • 苹果浏览器
  • 歌剧