El método clearCues() de p5.MediaElement de la biblioteca p5.js se utiliza para borrar todas las señales programadas actualmente del elemento multimedia que se han programado mediante el método addCue() .
Sintaxis:
clearCues()
Parámetros: Esta función no acepta parámetros.
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>
Ejemplo: El siguiente ejemplo ilustra el método clearCues() de la biblioteca p5.js.
Javascript
function setup() {
createCanvas(550, 400);
textSize(18);
text("The events in addCue() are " +
"called according to the given time",
20, 20);
example_media =
createVideo("sample-video.mp4");
example_media.size(426, 240);
example_media.position(20, 60);
example_media.speed(1.5);
example_media.showControls();
rmvBtn =
createButton("Remove All Cues");
rmvBtn.position(20, 320);
rmvBtn.mousePressed(removeCues)
// Using the addCue() method for scheduling
// the given callback functions
example_media.addCue(3, changeColor);
example_media.addCue(4, changeColor);
example_media.addCue(5, changeColor);
example_media.addCue(7, changeColor);
}
function removeCues() {
clear();
// Remove all cues associated with
// the media element
example_media.clearCues();
text("All cues removed!", 20, 360);
text("The clearCues() method removes " +
"all the current cues", 20, 20);
}
function changeColor() {
// Set a random background color
r = random(100, 200);
g = random(100, 200);
b = random(100, 200);
background(r, g, b);
text("Background Color Changed!",
20, 360);
text("The events in addCue() are " +
"called according to the given time",
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/clearCues
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA