头部跟随视频:整颗头会转向鼠标的网页角色
做一个首屏,让角色整颗头转过来看访客的鼠标:用 SandBase 生成一个风格化角色,以及它把头转一圈的短视频,逐帧标定脸朝的方向,页面朝鼠标方向缓动,把暂停的视频跳到对应的那一帧。鼠标停下时,它会转回来看你。首屏之后是一个完整的落地页:章节大标题、简介、用 HTML 画的产品控制台、功能卡片、要点、数据、引言、行动按钮和页脚,背景光晕随章节变化,底部有悬浮的章节胶囊。
准备好角色想法(或你自己的图片),以及品牌、文案、链接、语言和文字放在哪一侧。Skill 会交付一个完整的落地页(index.html)、一段可以粘进现有网站的区块、一个 React 组件、标定好的视频,以及从角色里取出的配色。
使用方法
你确认后(每次约 $0.80),SandBase 生成角色图和一段 6 秒视频,视频里只有头转一圈。
标定会找到在动的头部,逐帧跟踪,给每一帧写出朝向;从不看向某个方向、转得太少或整个身体在动的视频会被拒绝并说明原因。
页面让视频保持暂停,朝鼠标方向缓动目标方向,再跳到对应的那一帧;每一帧都是关键帧,所以每次跳转只解码一帧。
常见问题
页面会调用模型吗?
不会。成品页面只是静态文件:HTML、一个脚本、字体和一段视频。只有生成新角色时才会调用模型。
生成一个新角色要多少钱?
通过 SandBase 每次约 $0.80(图片 $0.075,6 秒视频 $0.72)。这里的两个示例都是第一次就通过了。
能用我自己的角色或视频吗?
可以。传入你自己的图片可以跳过出图,或者直接标定你自己的视频。视频要求镜头和身体不动,只有头转一圈。
为什么这里点链接没反应?
示例运行在沙盒框架里,链接被禁用了。在你自己的页面里,链接会指向你在 site.json 里填的地址。
手机上能用吗?
能。视频会循环播放,直到访客触摸它,之后头会跟着手指转。已在 390 像素宽的手机视口里检查过。
为什么没有在线生成?
生成新场景需要在沙盒里注入模型 Key,后端暂时还不支持。目前请用你自己的 Agent 运行这个 Skill。