Agencia E-commerce Online y Estudio Contable

Slideshow de video en vivo con cámara ip

Slideshow en Javascript y CSS3
Slideshow de video en vivo con cámara ip

El objetivo es colocar un proyector en el lugar principal para que el público lo vea; un slider con fotos en donde se pudiera integrar en medio de las imágenes, video en vivo de unas cámaras ip. Entonces cada seis segundos se podía ver cada foto y también intercambiada entre ellas, el video en vivo de un par de cámaras ip.

Este proyecto fue difícil porque tuve que desarrollarlo de cero, ya que no existe en el mercado (al menos hasta ahora) algo como esto. Tuve que desarrollar toda la programación desde cero en javascript en EMAC6.

Utilizé el pre procesador de CSS Stylus para generar los estilos y las animaciones.
La plantilla de WordPress es muy fácil de usar: cada entrada o post es un slide: título, un pequeño contenido, la imagen destacada (o thumbnail) o simplemente el iframa del video en vivo de la webcam o un video de youtube o cualquier plataforma.

El cliente tiene las dos opciones: usar este slider en forma normal o en forma espejada para proyector. También puede elegir dos tipos de animaciones.

Link del Proyecto: https://webmoderna.com.ar/slideshow/

Link de la maqueta en Github: https://github.com/edgardoraul/66._slider_css3

Descargar el Tema para WordPress: https://github.com/edgardoraul/24._elticotico

Una Respuesta