应用介绍
想让一个二次元角色出现在网页、直播叠加层或应用里,通常要么上 Live2D 那一整套,要么自己啃 WebGL。LivLiv Player 把这件事压成几行代码:一个 canvas、一次 load,角色就会呼吸、眨眼、转头、说话。核心用 WebGL2 写成,没有任何依赖,压缩后只有 30 KB 左右。
它还把嘴型同步和摄像头面部捕捉做进了浏览器里:麦克风、音频或视频驱动口型,MediaPipe 追踪你的脸,用到才加载。同一套接口既能播 LivLiv 角色,也能播 VRM 模型和 PNGTuber 立绘,做虚拟主播或网页吉祥物都够用。
嘴型同步:麦克风、音频文件、视频都能驱动口型,调用 speech.say 就能让角色开口说话。
摄像头面部追踪:基于 MediaPipe,在浏览器本地完成,角色跟着你的表情和头部动作走。
表情与动作:setExpression 切表情,act 触发点头、摇头、跳一下这类动作,mouthOpen 等参数可以直接设置。
多种角色格式:LivLiv 的 .livliv 包、VRM 3D 模型、PNGTuber 的闭嘴张嘴两张图,统一用同一套 API。
21 个现成角色:仓库的 characters 目录里附带 21 个风格各异的角色,复制到页面旁边就能用,注意带上各自的许可。
在线示例:官方页面有 demo、PNGTuber、VRM 和角色画廊几个示例,可以在线试,也可以自己 build 后本地跑。
它还把嘴型同步和摄像头面部捕捉做进了浏览器里:麦克风、音频或视频驱动口型,MediaPipe 追踪你的脸,用到才加载。同一套接口既能播 LivLiv 角色,也能播 VRM 模型和 PNGTuber 立绘,做虚拟主播或网页吉祥物都够用。
软件功能
嘴型同步:麦克风、音频文件、视频都能驱动口型,调用 speech.say 就能让角色开口说话。
摄像头面部追踪:基于 MediaPipe,在浏览器本地完成,角色跟着你的表情和头部动作走。
表情与动作:setExpression 切表情,act 触发点头、摇头、跳一下这类动作,mouthOpen 等参数可以直接设置。
多种角色格式:LivLiv 的 .livliv 包、VRM 3D 模型、PNGTuber 的闭嘴张嘴两张图,统一用同一套 API。
21 个现成角色:仓库的 characters 目录里附带 21 个风格各异的角色,复制到页面旁边就能用,注意带上各自的许可。
在线示例:官方页面有 demo、PNGTuber、VRM 和角色画廊几个示例,可以在线试,也可以自己 build 后本地跑。

