p5.js setVolume()用法及代码示例

setVolume()函数是p5.js库中的内置函数。此函数用于控制网络上播放的音频的音量。此函数的范围介于(0.0)(表示完全静音)到(1.0)(表示全部音量)之间。通过将滑块划分为不同的范围，该滑块的音量也可以控制。

用法:

setVolume( volume, rampTime, timeFromNow )

注意：仅当index.html文件的开头部分中包含声音库时，所有与声音相关的函数才起作用。

参数：该函数接受上述和以下所述的三个参数。

volume:此参数包含一个浮点数，该浮点数定义了播放的音量。
rampTime:此参数以第二种格式保存时间的整数值，之后声音将消失。它是可选的。
timeFromNow:该参数将在定义事件发生后以第二种格式保存时间的整数值。

以下示例说明了JavaScript中的p5.setVolume()函数：
范例1：在此示例中，我们在代码中将固定音量设置为0.5。

var sound;  
  
function preload() {  
  
    // Initialize sound  
    sound = loadSound("pfivesound.mp3");  
}  
  
function setup() {  
  
    // Playing the preloaded sound  
    sound.play(); 
    //stoping the played sound after 5 seconds 
    sound.setVolume(0.5); 
}

范例2：在此示例中，我们将创建一张幻灯片，该幻灯片将帮助用户将音量增加0.2，并将起始音量设置为0.2。

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()); 
}

在线编辑：
环境设置：

支持的浏览器：下面列出了p5.js支持的浏览器。setVolume()函数如下所示：

谷歌浏览器
IE浏览器
火狐浏览器
苹果浏览器
Opera

相关用法

注：本文由纯净天空筛选整理自skyridetim大神的英文原创作品 p5.js | setVolume() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。