为 VITON13 商店和工作室网站首屏制作的两支 AI 生成影片，以及切成 169 帧、随页面滚动播放的 GELO 香水影片。
概述
为 store.viton13.com 和 studio.viton13.com 的首屏带来动态，并在 VITON XIII 页面上把 GELO 呈现为一支由访客滚动来播放的影片。这些都是 VITON13 自己的网站，所以需求也由我自己提出：没有任何客户委托或付费。
23.32 s
商店影片，单次循环
来源：已发布文件的 ffprobe 数据
11.08 s
工作室影片，单次循环
来源：已发布文件的 ffprobe 数据
169
GELO 画面帧数，随滚动播放
来源：已发布的帧序列
1920×1080
首屏影片分辨率
来源：已发布文件的 ffprobe 数据
思路
两支首屏影片都由 AI 生成，并非实拍。商店影片由 Seedance 2.5 生成，于 2026 年 9 月 17 日选定；工作室影片为 studio.viton13.com 的首屏制作。两支都配有 1920×1080 的封面帧。
对于 GELO，我把渲染的每一帧切成两套各 169 帧的 WebP——桌面端 1440×810，手机端为 720×810 的居中裁切——并在 VITON XIII 页面上实现了滚动播放。脚本用 ffmpeg 切帧，sharp 写出 WebP 文件，页面读取总帧数；桌面套装 3.1 MB，手机套装 2.2 MB。
两支首屏影片均为 H.264、1920×1080、无音轨。商店影片单次循环 23.32 秒、25 fps、7.2 MB；工作室影片 11.08 秒、24 fps、3.4 MB。它们静音、循环、内联播放，且仅在出现在屏幕上时播放；系统要求减少动态效果时影片暂停，没有 JavaScript 时显示封面帧。
图集
成果
商店影片在 store.viton13.com 首屏播放，工作室影片在 studio.viton13.com 首屏播放。GELO 滚动影片位于 VITON XIII 页面，而不是 GELO 商品页。三支影片目前都在 VITON13 自己的网站上线。
本案例不能证明的
这些是我为 VITON13 自有网站制作的影片，不是客户作品。两支首屏影片由 AI 生成，不是实景拍摄。GELO 渲染本身的制作方式没有记录，因此本案例只涵盖切帧和滚动播放。
网站上的文件没有声音，因此这里不展示声音设计。三支影片都没有观看或互动数据，我也不声称它们对访问、订单或销售产生了影响。
在筹划类似的项目？每条消息我都会亲自阅读。
下一个项目
Old Money 造型造型与品牌
自有2026
全部作品 (19)