2016-07-26 1 views
0

Je suis novice dans le domaine du codage et je fais de mon mieux pour apprendre au fur et à mesure que je crée mon site personnel. Mon combat actuel prend la forme d'effets secondaires. J'ai donc créé une animation pour l'écran de bienvenue de mon site web qui comprend mon logo et un message de bienvenue à l'intérieur des After Effects. Cependant, je suis coincé pour obtenir des after effects dans Brackets. J'ai essayé de le rendre sous forme de fichier .mov mais ce n'est pas vraiment ce que je veux. Y a-t-il un travail autour de ça?Comment intégrer une animation After Effects sur mon site Web?

P.s. J'ai essayé d'utiliser l'extension bodymovin mais je ne peux pas obtenir que ça marche pour moi non plus. C'est frustrant d'avoir toutes les idées et les visuels mais de ne pas pouvoir les transférer sous forme de code. Je m'excuse d'avance s'il y a un travail simple que j'ai raté.

Merci beaucoup!

+1

AfterEffects ... erm * * effets spécifiques à la vidéo que je me souviens. Il peut y avoir des équivalents Web (ou des similitudes), mais ils ne sont pas directement interchangeables ou transférables. –

+0

Si vous voulez que l'animation que vous allez avoir à le rendre en quelque sorte dans un navigateur peut les afficher, .mov par exemple (probablement trop gros d'un fichier) ou peut-être .webm alors vous pouvez avoir du javascript cacher la vidéo après il est fait jouer pour afficher votre site. – wrldbt

+0

pourquoi n'avez-vous pas été capable d'utiliser bodymovin. Pouvez-vous partager du code de ce que vous avez essayé? – airnan

Répondre

2

Exporter une vidéo compressée - un .mp4. Ensuite, utilisez la balise <video> pour l'intégrer:

<video src="/path/to/your/video.mp4" autoplay poster="/path/to/placeholderImage.png">Message to users here if their browser doessn't support the video tag (unlikely)</video> 

En savoir plus sur la balise video ici: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video