如何將After Effects動畫嵌入我的網站？

我是新來的編碼，並且在創建我的個人網站的同時努力學習。我目前的鬥爭是以後效果的形式出現的。因此，我爲我的網站歡迎屏幕創建了一個動畫，其中包含我的徽標和後期效果中的歡迎消息。但是，我堅持從後效應進入括號。我試着把它作爲一個.mov文件渲染出來，但這並不是我想要的。有沒有解決這個問題？如何將After Effects動畫嵌入我的網站？

P.s.我曾嘗試使用bodymovin擴展名，但我無法讓它爲我工作。令人沮喪的是擁有所有想法和視覺效果，但無法將其轉化爲代碼形式。如果有一個簡單的工作，我錯過了，我提前道歉。

非常感謝！

來源

2016-07-26 ThomasMcgrath

後遺症......呃，*效果*所特有的視頻我記得。 *可能*是某些網頁的等價物（或相似之處），但它們不能直接互換或轉讓。 –

如果你想要的動畫你將不得不以某種方式呈現它的瀏覽器可以顯示它們，例如.mov（可能太大的文件）或可能.webm，然後你可以有一些javascript後隱藏視頻它已完成播放以顯示您的網站。 – wrldbt

爲什麼你沒有能夠使用bodymovin。你能分享一些你試過的代碼嗎？ – airnan

導出壓縮視頻 - .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

來源

2016-07-26 15:32:07 inorganik

如何將After Effects動畫嵌入我的網站？

回答

相關問題