p5.js MediaElement onended() Método

El método onended() de p5.MediaElement de la biblioteca p5.js se usa para programar la función dada que se llamará cada vez que finalice el audio o el video. Esta devolución de llamada no se llamará si el elemento multimedia está en bucle. Este elemento multimedia se pasa como argumento a la devolución de llamada.

Sintaxis:

onended( callback )

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

• devolución de llamada: es una función que especifica la función de devolución de llamada cuando los medios han terminado.

Las siguientes bibliotecas se incluyen en la sección «head» del archivo HTML para que funcionen las funciones de JavaScript.

<script src=”p5.Image.js”></script>
<script src=”p5.min.js”></script>

El siguiente ejemplo ilustra el método onended() en la biblioteca p5.js

Ejemplo:

function setup() {
    createCanvas(550, 300);
    textSize(18);
  
    text("The onended() function would " +
         "be called when the video ends",
         20, 20);
  
    example_media =
      createVideo("sample-video.mp4");
    example_media.size(300, 150);
    example_media.position(20, 60);
  
    playBtn = createButton("Play Button");
    playBtn.position(30, 220);
    playBtn.mousePressed(() => {
  
      example_media.play();
    });
  
    // Using the onended() method
    example_media.onended(onendedShow);
}
  
function onendedShow(mediaElem) {
  
  // Get the media element from the callback
  let mediaSource = mediaElem.src;
  
  text("The media has ended playback!",
       20, 260);
  text("The source of the video is: " +
       mediaSource, 20, 280);
}

Producción:

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