p5.js | función pan()

La función pan() es una función incorporada en la biblioteca p5.js. Esta función se utiliza para controlar la panorámica del audio reproducido en la web. Esta función tiene un rango de (-1) que significa el lado izquierdo a (1) que significa el lado derecho. Este paneo también se puede controlar mediante un control deslizante al dividirlo en diferentes rangos.

Sintaxis:

pan(panValue, timeFromNow)

Nota: Todas las funciones relacionadas con el sonido solo funcionan cuando la biblioteca de sonido está incluida en la sección principal del archivo index.html .

Parámetro: Esta función acepta dos parámetros como se mencionó anteriormente y se describe a continuación:

• panValue: este parámetro se utiliza para mantener el valor panorámico estéreo y es opcional.
• timeFromNow: este parámetro se usa para contener un valor entero de tiempo en el segundo formato, después de ese tiempo ocurrirá el evento de definición y es opcional.

Los siguientes ejemplos ilustran la función p5.pan() en JavaScript:
Ejemplo 1: En este ejemplo, el audio se reproducirá en su lado izquierdo después de 4 segundos, luego, después de 4 segundos más, se reproducirá en el lado derecho durante el resto del tiempo.

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

Ejemplo 2: En este ejemplo, puede controlar el efecto panorámico con un control deslizante, de izquierda a derecha y viceversa. El inicio será 0, lo que significa que se jugarán ambos lados.

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

Editor en línea: https://editor.p5js.org/
Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

Navegadores compatibles: los navegadores compatibles con la función p5.js pan() se enumeran a continuación:

• Google Chrome
• explorador de Internet
• Firefox
• Safari
• Ópera