Audio y Vídeo en JS

Codepen

El proyecto de Audio y Video en JS, fue desarrollado en la plataforma codepen.io.

Utilizar codepen tiene la ventaja de que en una misma ventana puedes visualizar las tecnologías utilizadas: HTML para contenido, CSS para presentación y Javascript para programación. Y además se pueden visualizar los resultados.

HTML

  • Código del reproductor de vídeo:

CSS

Para dar estilo a los botones, he añadido esta dirección y Bootstrap

  • Código CSS

JS

  • Código JS

El reproductor

El reproductor tiene la zona (lcd-text) en donde se muestra el nombre del vídeo que está actualmente en reproducción. El propio vídeo que se está reproduciendose, los controles (anterior,play,pause, etc.) y la lista de reproducción.

El proyecto

results matching ""

    No results matching ""