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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。