Code Monkey home page Code Monkey logo

html5-api-desarrolladoras's Introduction

html5-api-DesArrolladoras

Badge Finalizado License MIT
html5 css3 javascript

Este repositorio contiene el código fuente de un reproductor de video que carga y reproduce un archivo de video local utilizando las opciones permitidas por el API Media Source. Fue desarrollado como parte del ejercicio de laboratorio del curso "Desarrollo Full-Stack (Nivel 3) ED.2022" del programa Samsung DesArrolladoras.

Características

El reproductor de video incluye las siguientes características:

  • Se muestra un mensaje de aviso al usuario mientras el video se está cargando, ya que la operación puede demorarse unos minutos.
  • En la parte inferior del video se encuentra una botonera con las siguientes opciones:
  • Botón de inicio/reproducción del video.
  • Botón de parada/pausa del video.
  • Control deslizante para subir y bajar el volumen.

Validaciones

El reproductor de video realiza las siguientes validaciones:

  • Solo se pueden cargar archivos de video del tipo correcto. Se controla para evitar la carga de archivos que no sean compatibles.
  • Se manejan los errores de carga de archivos incorrectos o incompatibles.

Archivos y directorios

El repositorio está estructurado de la siguiente manera:

  • index.html: Archivo HTML que contiene la estructura del reproductor de video.
  • style.css: Archivo CSS que define los estilos del reproductor de video y la botonera.
  • script.js: Archivo JavaScript que contiene la lógica de carga y reproducción del video, así como el control de la botonera.

Uso

  • Clona este repositorio en tu máquina local: git clone https://github.com/CrisCorreaS/html5-api-DesArrolladoras.git
  • Abre el archivo index.html en tu navegador web.
  • Haz clic en el botón de carga de video y selecciona un archivo de video válido.
  • Mientras el video se carga, se mostrará un mensaje de aviso al usuario.
  • Una vez cargado el video, puedes utilizar los botones de inicio/reproducción, parada/pausa y el control de volumen para controlar la reproducción del video.

Contribuciones

Las contribuciones son bienvenidas. Si encuentras algún problema o tienes alguna mejora que sugieras, puedes abrir un issue o enviar una solicitud de pull.

html5-api-desarrolladoras's People

Contributors

criscorreas avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.