Un usuario preguntó 👇
Hola, ¿alguien conoce un plugin / código para lograr una función de desplazamiento donde el usuario puede pasar por el video cuadro por cuadro? El mejor ejemplo es el sitio web de Apple. ¿Qué solución fue la mejor? ¿Código HTML5 con java o plugin? ¿Puedo agregar código de alguna manera a los temas existentes? Solo tengo experiencia básica registrada … Gracias por su ayuda / ideas. Saludos dmsman2
(@ 760dev)
Hace 1 año, 7 meses
Hola @ dmsman2
¿Te refieres a la animación de desplazamiento?
por ejemplo:
https://www.apple.com/ipados/ipados-preview/
¿O es el video que desea controlar en un reproductor de video? (como Youtube o Vimeo). ¿O es el video de fondo? Si puede aclarar esto, ayudará a orientar una buena solución.
Jonas
(@ dmsman2)
Hace 1 año, 7 meses
Hola Jonas, sí, estoy reviviendo la animación de desplazamiento con videos ipados es un ejemplo y este también es bueno:
https://www.apple.com/ipad-pro/
Es una solución horizontal, pero necesitaría una solución vertical, pero ese no es el gran punto … Podría hacer algo con imágenes y un efecto de paralaje, pero no tiene el mismo efecto. El video debe ser un archivo de video / mp4…
Gracias por tu ayuda Rgds dmsman2
(@ 760dev)
Hace 1 año, 7 meses
Hola dmsman2
Me encanta el ejemplo de iPad en esa página. La animación con imágenes estáticas parece ser una solución de JavaScript. Busqué el código picado desde aquí:
https://www.apple.com/v/ipad-pro/v/built/scripts/overview.built.js
Para lograr lo que quiere hacer, miro el uso de la plataforma de animación Greensock Javascript: https://greensock.com/
Tiene una gran base de datos y la plataforma de animación es muy amigable para los desarrolladores.
Controlar un video de fondo fotograma a fotograma usando gestos de desplazamiento es un poco complicado. Deberá tener en cuenta que los archivos de video de fondo no se reproducirán automáticamente en dispositivos móviles (iphones, tabletas, iPads, etc.), por lo que se cargará la imagen predeterminada. Su mejor opción es simular video usando animación GSAP con imágenes estáticas, svgs y sprites. El resultado final serán imágenes más nítidas y limpias sin necesidad de cargar videos.
Espero que eso ayude, Jonas
(@ dmsman2)
Hace 1 año, 7 meses
Hola Jonas, gracias por tus comentarios. Greensock se bloquea bien. Intentaré lograrlo con esta plataforma de animación. Buen consejo: nunca antes había oído hablar de esta solución …
¡Gracias! Rgds dmsman2
¿Solucionó tu problema??
0 / 0