Pregunta sobre Arreglando WordPress de Wordpress:

Desplazar el video cuadro por cuadro

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

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada.