El método time() de p5.MediaElement en p5.js se usa para establecer o devolver la hora actual del elemento multimedia. Acepta un solo parámetro que denota el tiempo en segundos que los medios deben saltar o saltar. La hora actual de los medios se puede devolver al no pasar ningún parámetro a la función.
Sintaxis:
time( time )
Parámetros: este método acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- tiempo: Es un número que especifica el tiempo en segundos al que debe saltar el medio. Es un parámetro opcional.
Valor devuelto: este método devuelve un número que indica la hora actual del elemento multimedia.
El siguiente ejemplo ilustra el método time() en p5.js:
Ejemplo:
Javascript
function setup() {
createCanvas(500, 400);
textSize(18);
text("Click on the buttons to skip " +
"the video forward or backward",
20, 20);
example_media =
createVideo("sample-video.mp4");
example_media.size(500, 300);
example_media.position(20, 100);
example_media.showControls();
skipbwdBtn =
createButton("Skip Back 2 Seconds");
skipbwdBtn.position(30, 40);
skipbwdBtn.mousePressed(skipBackward);
skipfwdBtn =
createButton("Skip Forward 2 Seconds");
skipfwdBtn.position(200, 40);
skipfwdBtn.mousePressed(skipForward);
}
function skipForward() {
clear();
// Get the current time
let currTime = example_media.time();
// Add 2 seconds to skip forward
let fwdTime = currTime + 2;
// Set the new time that is two seconds
// after the current time
example_media.time(fwdTime);
text("The video has been skipped forward",
20, 80);
text("Click on the buttons to skip " +
"the video forward or backward",
20, 20);
}
function skipBackward() {
clear();
// Get the current time
let currTime = example_media.time();
// Subtract 2 seconds to skip back
let fwdTime = currTime - 2;
// Set the new time that is two seconds
// before the current time
example_media.time(fwdTime);
text("The video has been skipped back",
20, 80);
text("Click on the buttons to skip " +
"the video forward or backward",
20, 20);
}
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/tiempo
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA