Método p5.MediaElement showControls()

El método showControls() de p5.MediaElement en p5.js se usa para mostrar los controles multimedia predeterminados para el elemento multimedia. Las funciones de control y el diseño de los controles están determinados por el navegador web.

Sintaxis:

showControls()

Parámetros: este método no acepta ningún parámetro.

El siguiente ejemplo ilustra el método showControls() en p5.js:

Ejemplo:

Javascript

function setup() {
    createCanvas(500, 400);
    textSize(20);
  
    example_media =
      createVideo("sample-video.mp4");
    example_media.size(500, 300);
    example_media.position(20, 100);
  
    example_media.play();
  
    text("Click on the button to " +
         "show media controls", 20, 20);
  
    showBtn = createButton("Show Controls");
    showBtn.position(30, 40);
    showBtn.mousePressed(show);
}
  
function show() {
  
  // Show the media controls
  example_media.showControls();
  
  text("Media controls are now visible!",
       20, 80);
}

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/showControls

Publicación traducida automáticamente

Artículo escrito por sayantanm19 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 *