AIGC PlaygroundAI 产品交互模式全景

理解与对话

多模态对话语音对话RAG 知识库视频理解

智能体

数据分析 Agent对话式表单 AgentAgent 编排工作台

内容创作

AI 写作图片生成AI 视频生成

实时与具身

数字人直播实时通信骨骼动画

Next.js 16 · Tailwind v4 · shadcn/ui

Digital Human Host
Standby

Voice

Blendshape 参数

headYaw
0.00
headPitch
6.73
eyeLeftOpen
0.80
eyeRightOpen
0.81
mouthOpen
0.00
mouthSmile
0.30
browLeftUp
0.30
browRightUp
0.40

About

Digital human livestreaming is a core AIGC application in e-commerce, brand marketing, and online education.

In production, avatars are AI-generated (e.g. HeyGen, Synthesia) with LLM-powered real-time scripts.

This demo simulates the frontend layer: Blendshape params + browser TTS, pure frontend, zero backend.

Tech Highlights

  • 52 ARKit Blendshape params
  • requestAnimationFrame animation
  • Web Speech API TTS
  • CSS transform driven by params
  • Bandwidth < 1KB/s (params only)

Script

#1Hey, welcome to the AIGC Playground! I'm Yue, your digital host, here to give you a quick tour.
#2This Playground showcases mainstream AI product interaction patterns. Each page represents a different product mode.
#3For example, smart chat, RAG knowledge Q&A, AI voice calls, video understanding, image generation, and expert agents.
#4You can freely switch between pages using the sidebar. Each one is a standalone experience with different interaction styles.
#5And I myself am one of those patterns — a digital human livestream. Hope this inspires you. Enjoy exploring!