Audio y Vídeo en JS
- Autor: Constanza Polette Leon Baritussio
- Fecha: 09/12/2016
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.