p5.js MediaElement duración() Método

El método de duración() de p5.MediaElement en la biblioteca p5.js se usa para devolver la duración del elemento multimedia en el que se llama. Esta duración que se devuelve se muestra en segundos.

Sintaxis:

 duration()

Parámetros: Esta función no acepta ningún parámetro.

Valor devuelto: este método devuelve un número que indica la hora actual del elemento multimedia.

Las siguientes bibliotecas se incluyen en la sección «head» de la página HTML al implementar los siguientes ejemplos.

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

Ejemplo: El siguiente ejemplo ilustra el método de duración() en la biblioteca p5.js.

function setup() {
    createCanvas(500, 300);
  
    textSize(18);
  
    example_media =
      createVideo("sample-video.mp4");
    example_media.size(300, 150);
    example_media.position(20, 100);
    example_media.play();
  
    text("Click on the button to get " +
         "the duration of the media", 20, 20);
  
    let durationBtn =
        createButton("Get Duration");
    durationBtn.position(30, 40);
    durationBtn.mousePressed(getDuration);
}
  
function getDuration() {
  
  // Get the duration of the media element
  let media_duration =
      example_media.duration();
  
  text("The duration of the media is: "
       + media_duration + " seconds",
       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/duración