2016-07-26 5 views
0

Я новичок в кодировании, и стараюсь изо всех сил учиться, когда я иду вместе, создавая свой личный сайт. Моя нынешняя борьба приходит в виде последствий. Таким образом, я создал анимацию для экрана приветствия моих веб-сайтов, который включает мой логотип и приветственное сообщение внутри эффектов After Effects. Тем не менее, я застрял получить его после эффектов в скобки. Я попытался сделать его как .mov-файл, но это не совсем то, что я хочу. Есть ли работа с этим?Как встроить анимацию After Effects в мой сайт?

P.s. Я пробовал использовать расширение bodymovin, но я не могу заставить это работать для меня. Его расстраивает, имея все идеи и визуальные эффекты, но не в состоянии передать их в форму кода. Приносим извинения заранее, если есть простая работа, которую я пропустил.

Большое спасибо!

+1

AfterEffects ... эм, * эффекты * являются специфическими для видео, как я помню. Там * могут * быть некоторые сетевые эквиваленты (или сходства), но они не являются напрямую взаимозаменяемыми или переносимыми. –

+0

Если вам нужна анимация, которую вам придется отображать как-то так, как браузер может их отображать, например .mov (возможно, слишком большой размер файла) или, может быть, .webm, тогда у вас может быть некоторый javascript, который скрывает видео после это делается для отображения вашего сайта. – wrldbt

+0

Почему бы вам не использовать abod использовать bodymovin. Можете ли вы поделиться некоторым кодом того, что вы пробовали? – airnan

ответ

2

Экспортировать сжатое видео - .mp4. Затем используйте <video> тег, чтобы вставить его:

<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> 

Подробнее о видео тэгом здесь: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video