Yourz 29ade5092d feat(website): add LottieVideoPlayer for product showcase scene3 ...

Replace the third feature video in ProductShowcaseSection with a lottie-driven scene that composites multiple looping webms via SVG masks.

- New LottieVideoPlayer (apps/website/src/components/common) wraps lottie-web SVG renderer, swaps each <image> asset with <foreignObject><video> so the masked video assets actually render, exposes src/assetsPath/poster/playing/posterClass props and a ready event.

- ProductShowcaseSection wires the third feature to the new player (CDN: media.comfy.org/website/homepage/showcase/scene3) and shows the poster overlay until all videos hit loadeddata, then starts lottie from frame 0 for a smooth handoff.

- scene3.json kept locally; webms + poster.webp uploaded to gs://comfy-org-videos/website/homepage/showcase/scene3/ and resolved via lottie's assetsPath option.

Amp-Thread-ID: https://ampcode.com/threads/T-019e05c2-8630-75cb-8aad-cb386cd61a32
Co-authored-by: Amp <amp@ampcode.com>

2026-05-08 22:33:54 +08:00

..

desktop-ui

refactor: replace unsafe as Error assertions with type guards (#11845)

2026-05-04 11:40:28 -07:00

website

feat(website): add LottieVideoPlayer for product showcase scene3

2026-05-08 22:33:54 +08:00