Vido uses its original project demonstration video, BV19t41187z2. The video plays unchanged from its existing CDN address. The poster is a still extracted at 5 seconds.
演示沿用 Vido 原来的初音视频，直接读取原 CDN 地址，未剪辑或重新编码视频。封面取自视频第 5 秒。
The player uses Vido's framework-free TypeScript core, mounted directly in this React website. Vue is no longer loaded. Playback, avatar progress, speed, captions and supported picture-in-picture controls belong to the core; local video selection and appearance editing belong to the playground.
The optional progress avatar is a happy chibi version of the user's supplied white-haired, lavender-eyed character with a crescent-moon bow. It is a transparent PNG, displayed inside an SVG marker. The earlier incorrect black-and-white-haired SVG is removed. The main player stays plain; the customization section demonstrates avatars and colors. Custom images are processed locally.
The chibi hero portrait was created with OpenAI image generation, preserving Vido's round face, large eyes, silver hair, side braid, black bow and play-symbol details. Kiri's artwork informed its illustration style; Vido remains a distinct character. This is an opaque white-background illustration, displayed using the website's existing circular frame. The README logo and favicon are local circular RGBA exports of the approved artwork: outside the circle is transparent, while the original white remains inside. The optional Vido progress-avatar preset uses the 128px circular export. The social image is an unchanged opaque copy of the same master. Download the 1254 × 1254 logo PNG. Manrope by Mikhail Sharanda is licensed under SIL OFL 1.1; DM Mono by Colophon Foundry is licensed under SIL OFL 1.1. Font license copies are included in this website's source repository.
首屏 Q 版特写使用 OpenAI 图像生成工具绘制，保留 Vido 的圆脸大眼、银白长发、侧辫、黑蝴蝶结与播放元素，参考 Kiri 画风。首屏仍使用原来的不透明白底特写。README Logo 与 favicon 由同一原画在本地导出为圆形 RGBA，圆外真实透明、圆内保留原白底，未按白色阈值抠图。可选的 Vido 进度条头像也使用 128px 圆形版本；社交分享图使用母图的不透明副本。 下载 1254 × 1254 Logo PNG。界面以黑白为主，少量青色沿用原品牌。字体随网站提供，页面不依赖第三方字体请求。
Original layout and interaction design informed by the large type and video sequence of Cuberto, the figure/type balance of Dennis Snellenberg, and the character/navigation hierarchy of Blue Archive. No artwork, source code or layouts were copied from these sites.
Vido · vido.yuxino.cn
