Comunidad de diseño web y desarrollo en internet online

Reproducción secuencial de animaciones en HTML5

Citar            
MensajeEscrito el 13 May 2014 01:04 pm
Hola a todos, soy nuevo en HTML5 y Javascript y tengo un problema con animaciones, cualquier ayuda es bienvenida.

Tengo una serie de animaciones construidas en Flash, ya transformadas a HTML5 con Swiffy.
Ahora la cuestión es cómo montarlas secuencialmente en un HTML5, es decir: lanzar la primera, con su audio correspondiente MP3 (con la etiqueta <audio>, no en Flash) y cuando termine pulsar un botón ("Next") y lanzo la siguiente animación con su audio respectivo, y así sucesivamente, en el mismo sitio que la anterior.

Cada animación se para cuando termina, he puesto un stop() en el último fotograma del flash para que no se reproduzca indefinidamente

Pause y resume no es un problema, pero lanzar las animaciones secuencialmente sí

Un saludo y gracias por todo,

Angel

Por potez36

30 de clabLevel



 

chrome
Citar            
MensajeEscrito el 13 May 2014 02:29 pm
Hola, esto lo debes de hacer con Javascript para poder cambiar los contenedores donde tengas tu animación flash mostrandose.

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome
Citar            
MensajeEscrito el 14 May 2014 04:18 pm
Primero que todo. Deja de usar programas que hacen las cosas por ti. Swiffy es una basura (más allá que es el mismo Google quién lo hizo).

Para hacer lo que necesitas debes armar desde cero tu animación con css3y luego controlar los eventos a través de javascript/jquery, de otra manera es imposible que logres lo que buscas.

Slds!

Por jap_solo

21 de clabLevel



Genero:Masculino  

Maquetador Docente Web

chrome
Citar            
MensajeEscrito el 16 May 2014 06:45 pm
De acuerdo contigo, si empezara desde cero. El problema es que tendría que convertir más de 10.000 horas de animaciones Flash, y empezar es inviable.

Por potez36

30 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.