Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support video in svg renderer #25

Open
wants to merge 56 commits into
base: dev
Choose a base branch
from
Open

Support video in svg renderer #25

wants to merge 56 commits into from

Conversation

benwu95
Copy link

@benwu95 benwu95 commented Jul 9, 2020

@benwu95 benwu95 changed the title Support video in SVGRender Support video in svg renderer Jul 10, 2020
@benwu95 benwu95 requested review from lucemia and vickyliin July 10, 2020 09:43
@lucemia
Copy link

lucemia commented Jul 10, 2020

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

@benwu95
Copy link
Author

benwu95 commented Jul 10, 2020

還沒測試

@benwu95 benwu95 removed the request for review from vickyliin July 13, 2020 03:28
@benwu95
Copy link
Author

benwu95 commented Jul 14, 2020

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

lucemia commented Jul 14, 2020

截圖 2020-07-14 下午3 24 07

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

@benwu95
Copy link
Author

benwu95 commented Jul 14, 2020

Screenshot_20200714_153136
這才是對的
可以用 firefox 開

@lucemia
Copy link

lucemia commented Jul 14, 2020

Screenshot_20200714_153136
這才是對的
可以用 firefox 開

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

@benwu95
Copy link
Author

benwu95 commented Jul 14, 2020

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
Copy link
Author

benwu95 commented Jul 14, 2020

puppeteer/puppeteer#5504

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants