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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。