p5.js | Función onended()

La función onended() es una función incorporada en la biblioteca p5.js. Esta función se usa para programar un evento cuando el archivo de sonido llega al final, lo que significa que si está reproduciendo el audio, puede programar cualquier evento cuando ese audio llegue al final de su duración. Tenga cuidado al usar un bucle con esta función, ya que el evento programado no se activará.

onended(callback)


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 un solo parámetro como se mencionó anteriormente y se describe a continuación:

  • devolución de llamada: este parámetro es el nombre de la función que se llamará cuando el audio llegue al final del búfer.

Los siguientes ejemplos ilustran la función p5.onended() en JavaScript:
Ejemplo 1: En este ejemplo, el audio se reproducirá sin bucle.

var sound;
  
function setup() {
  
    // Initialize sound 
    sound = createAudio('pfivesound.mp3');
     
    // Playing the sound 
    sound.play();
  
    // event define after end of audio
    sound.onended(geeks);
  
  }
    
  //event that will occur 
  function geeks(dur) {
    alert('Audio ended ');
  }
   

Salida: Después de terminar el audio.

Ejemplo 2: En este ejemplo, el audio se reproducirá con bucle. Así que no habrá eventos.

var sound;
  
function setup() {
  
     // Initialize sound 
    sound = createAudio('pfivesound.mp3');
      
    // Playing the sound 
    sound.play();
  
    // looping the sound 
    sound.loop();
  
    // event define after end of audio
    sound.onended(geeks);
  }
    
  function geeks(dur) {
    alert('Audio ended ');
  }
   

Producción:

No event will occur

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 onended() se enumeran a continuación:

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

Publicación traducida automáticamente

Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *