search

livingbio / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
0 stars 0 forks source link

Support video in svg renderer #25

Open benwu95 opened 4 years ago

benwu95 commented 4 years ago

asset

output

lucemia commented 4 years ago

@benwu95 實際拿來錄製華小姐 OK 嗎?

benwu95 commented 4 years ago

還沒測試

benwu95 commented 4 years ago

https://stackoverflow.com/questions/46047298/how-can-you-have-a-background-video-in-an-svg https://bugs.chromium.org/p/chromium/issues/detail?id=148499

chrome 對於在 <foreignObject> 裡使用 <video> 的情況下 沒辦法按照 svg 設定的順序呈現 會永遠顯示在最上層 也就是說沒辦法用於背景影片

lucemia commented 4 years ago
截圖 2020-07-14 下午3 24 07

Stackoverflow 上面的 Sample Code 我跑起來是這樣，這看起來 OK

benwu95 commented 4 years ago

Screenshot_20200714_153136 這才是對的 可以用 firefox 開

lucemia commented 4 years ago

Screenshot_20200714_153136 這才是對的 可以用 firefox 開

Puppeteer 可以用 Firefox 嗎? https://www.npmjs.com/package/puppeteer-firefox

benwu95 commented 4 years ago

Puppeteer 可以用 Firefox 嗎? https://www.npmjs.com/package/puppeteer-firefox

Firefox support is gradually transitioning to the puppeteer package. As of puppeteer v2.1.0 you can interact with Firefox Nightly.

有試過 puppeteer v5.1.0 使用 firefox 執行後一直處在 loading browser 的狀態 還沒試過這個

benwu95 commented 4 years ago

https://github.com/puppeteer/puppeteer/issues/5504

puppeteer firefox 沒辦法使用 file:// protocol 有試過 url 可以用