LivLiv Player

LivLiv Player

网页端2.5D角色播放器

开发官网

应用介绍

想让一个二次元角色出现在网页、直播叠加层或应用里,通常要么上 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 后本地跑。

应用截图