p5.js | pan()函数

pan()函数是 p5.js 库中的内置函数。该函数用于控制在网络上播放的音频的平移。此函数的范围介于 (-1) （表示左侧）到 (1) （表示右侧）之间。这种平移也可以由滑块控制，方法是将其划分为不同的范围。

句法：

pan(panValue, timeFromNow)

注意：只有当声音库包含在index.html文件的 head 部分中时，所有与声音相关的功能才有效。

参数：该函数接受上面提到的两个参数，如下所述：

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

在线编辑器： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

支持的浏览器： p5.js pan()函数支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果浏览器
• 歌剧