p5.js pan()用法及代碼示例

pan()函數是p5.js庫中的內置函數。此函數用於控製Web上已播放音頻的平移。此函數的範圍在(-1)表示左側到(1)表示右側之間。通過將滑塊劃分為不同的範圍，也可以通過滑塊控製該平移。

用法:

pan(panValue, timeFromNow)

注意：僅當index.html文件的開頭部分中包含聲音庫時，所有與聲音相關的函數才起作用。

參數：該函數接受上述和以下描述的兩個參數：

panValue:此參數用於保存立體聲聲相值，它是可選的。
timeFromNow:此參數用於以第二種格式保存時間的整數值，此時間之後將發生定義事件，並且它是可選的。

以下示例說明了JavaScript中的p5.pan()函數：
範例1：在此示例中，音頻將在4秒鍾後在您的左側播放，然後再播放4秒鍾後，在其餘時間內將在右側播放。

var sound;  
   
function preload() {  
   
    // Initialize sound  
    sound = loadSound("song.mp3");  
}  
   
function setup() {  
   
    // Playing the preloaded sound  
    sound.play(); 
  
    //sound will play only left ear after 4 seconds  
    sound.pan(-1, 4); 
  
    //sound will play only right ear after 8 seconds 
    sound.pan(1, 8); 
}

範例2：在此示例中，您可以通過滑塊從左到右，反之亦然控製平移效果。開始將是0，這意味著雙方將發揮作用。

var sound;  
var panner;  
   
function preload() {  
    
    // Initialize sound  
    sound = loadSound("pfivesound.mp3");  
}  
    
function setup() {  
    
    // Playing the preloaded sound  
    sound.play(); 
  
    //creating pan slider 
    panner = createSlider(-1, 1, 0, 0.2); 
    
}  
    
function draw() { 
    sound.pan(panner.value()); 
}

在線編輯：
環境設置：

支持的瀏覽器：下麵列出了p5.js pan()函數支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
火狐瀏覽器
蘋果瀏覽器
Opera

相關用法

注：本文由純淨天空篩選整理自skyridetim大神的英文原創作品 p5.js | pan() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。