官方启动 CLI:Create AITuber OnAir

更轻松地开始 AI VTuber 应用开发。

生成支持 PNGTuber、VRM、Live2D、Pet、PuruPuru、PSD、Inochi2D 等七种模板的启动应用仓库,然后在浏览器 Settings 中配置 LLM、TTS 和直播聊天设置。

推荐开始方式
npm create aituber-onair@latest
交互式设置七种头像模板素材与许可指引Vite + React + TypeScript

七个首发模板

根据你的首个直播或开发目标选择头像形式。多数模板包含初始素材;Live2D 会读取你自行准备的模型与 Cubism Core 文件,Inochi2D 则按需下载示例模型。

PNGTuber 启动模板界面预览图

PNGTuber

轻量级 2D 头像应用,包含四种嘴部和眼部状态素材、实时口型同步、聊天 UI 和直播评论设置。

VRM 启动模板界面预览图

VRM

3D 头像应用,包含 VRM 模型、待机动画、镜头控制、语音口型同步,以及 AITuber OnAir 的设置流程。

使用 Live2D 官方示例模型“桃濑日和”的 Live2D 启动模板界面预览图

Live2D

面向自备 Live2D 模型文件夹和 Cubism Core 运行时文件的头像应用,支持拖拽、缩放、语音口型同步和同样的设置流程。

此截图是加载 Live2D 官方示例数据“桃濑日和”的显示示例。模型数据不随 AITuber OnAir 提供。 示例数据页面 / 使用条款

Pet 启动模板界面预览图

Pet

Codex Pet 风格的动画角色应用,使用 8x9 精灵图,支持按状态反应、语音口型同步、屏幕视觉识别和单人直播画面。

PuruPuru 启动模板界面预览图

PuruPuru

加载 .purupuru 头像包的物理驱动 PNGTuber 应用,支持 6 种表情状态、弹簧式头发摇摆、待机呼吸、眨眼和情绪特效,并内置 Miko 头像。

PSD 启动模板界面预览图

PSD

在运行时加载 PSD 并合成到画布的立绘应用,支持 PSDTool 式图层切换、嘴部与眼部角色绑定、待机动作与头发物理,并内置无版权问题的示例 PSD。

使用 Inochi2D 示例模型 Aka 的 Inochi2D 启动模板界面预览图

Inochi2D

内置 Inochi2D 运行时的 WebGL 应用,支持本地 .inx / .inp 模型加载、基于清单的模型、拖拽、缩放、点击反应、语音口型同步和情绪特效。

此截图是加载 Inochi2D 示例模型 “Aka”(作者:seagetch,CC BY 4.0)的显示示例。可在 CLI 设置过程中下载,npm 包中不包含该模型。 示例模型 / CC BY 4.0

从命令到运行应用

体验接近 Create Vite:交互式开始,选择模板,并决定是否立即安装依赖。

01

运行 CLI

从交互式命令开始。

npm create aituber-onair@latest
02

选择模板

快速 2D 起步选择 PNGTuber,需要 3D 头像应用则选择 VRM,已有授权 Live2D 素材时选择 Live2D,需要精灵图动画角色时选择 Pet,需要物理驱动的 PNGTuber 时选择 PuruPuru,需要分层立绘时选择 PSD,需要绑定骨骼的 2D 模型时选择 Inochi2D。

03

本地启动

运行生成的 Vite 应用,并在 Settings 中配置 API Key。

npm run dev

CLI 用法

建议先使用交互式流程。需要可复现的项目生成时,可以传入参数。

npm create aituber-onair@latest
npm create aituber-onair@latest my-aituber
npm create aituber-onair@latest my-aituber -- --template pngtuber
npm create aituber-onair@latest my-vrm-aituber -- --template vrm
npm create aituber-onair@latest my-live2d-aituber -- --template live2d
npm create aituber-onair@latest my-pet-aituber -- --template pet
npm create aituber-onair@latest my-purupuru -- --template purupuru
npm create aituber-onair@latest my-psd-aituber -- --template psd
npm create aituber-onair@latest my-inochi2d-aituber -- --template inochi2d

创建你自己的 AI VTuber 应用。

AITuber OnAir 提供启动应用,以及聊天、语音和直播连接的基础,让你更专注于角色和体验本身。

在 GitHub 查看