news 2026/8/16 12:26:58

网站添加AI数字人小助手

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
网站添加AI数字人小助手

魔珐星云3D数字人实战测评|给大模型装上3D身体,快速实现具身智能交互

前言

我想给网站右下角加一个悬浮窗,引入AI大模型作为网站小助手,用户能实时与小助手语音对话,询问网站操作指南,但是制作过程中发现了一个问题:现在大模型已经可以很好完成文本对话,但AI只有“大脑”没有“身体”。只能看文字、听语音,缺少真人一样表情、手势、眼神联动的交互感。
所以,想加一个能动作、可爱好看的数字人,正常情况是一个头像,用户点击后悬浮窗弹出一个人物进行对话。

需求:

纯前端网站,所以需要后端渲染交互的产品不适合我的网站,最好是直接在平台完成渲染只需要给我在页面显示即可,网络要求也不能太高了,不然可能导致我的页面加载缓慢卡顿,最后找到了一个魔珐星云具身智能3D数字人开放平台,它的核心思路是传输3D参数流,在终端本地完成渲染解算,把3D形象、语音、表情、肢体动作整套能力封装成SDK。开发者只需要少量代码,就可以把会说话、会做动作的3D数字人集成到Web、APP、大屏、机器人等终端中。

技术架构简单理解

传统视频流数字人流程:
文本→云端TTS+动作解算→云端渲染输出视频流→网络传输视频→客户端播放视频

缺点:视频体积大,延迟高,无法随时打断。

魔珐星云参数流模式:
文本输入 → 云端生成表情/口型/动作参数流 → 下发小体积参数 → 终端本地解算+3D渲染 → 输出画面播放语音

渲染工作放在终端,服务器压力小,支持高并发,网络只传输KB级别的动作参数,弱网友好。

快速调用示例(Web JS SDK最小Demo)

前置准备:

  1. 在魔珐星云开发者控制台注册账号,创建应用,拿到appIdappSecret
  2. 在平台选择数字人角色,获取characterId
魔珐星云3D数字人Demo数字人开始说话 打断播报
<script> let xingyunSdk = null; // 初始化数字人SDK async function initHuman(){ xingyunSdk = new XingyunSDK({ appId:"你的appId", appSecret:"你的appSecret", container:document.getElementById("digitalHumanContainer"), characterId:"你的角色ID" }) await xingyunSdk.init(); console.log("数字人初始化完成"); } // 调用speak接口,输入文本自动驱动语音+表情+动作 async function startSpeak(){ const text = "大家好,我是魔珐星云3D数字人,很高兴和大家见面。"; await xingyunSdk.speak(text); } // 打断当前数字人播报 function interruptSpeak(){ xingyunSdk.interrupt(); } window.onload = ()=>{ initHuman(); } </script>

接入大语言模型

示例过程中可以让你的Agent帮你把代码中调用Deepseek等模型,增加语音识别功能,比如点击数字人就可以对话,提前告知大模型关于你个人网站的内容,让互动的时候不脱离网站的业务等等。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/16 12:25:56

AT32 MCU与LVGL图形库:嵌入式智能设备GUI开发实战指南

1. 先搞清楚“智能小设备”到底要做什么&#xff0c;以及为什么选AT32和LVGL 一提到“智能小设备”&#xff0c;很多人会想到智能手表、智能家居中控屏、便携式检测仪或者工业手持终端。这类设备的核心特点是&#xff1a; 屏幕不大、功能聚焦、需要快速响应&#xff0c;并且对…

作者头像 李华
网站建设 2026/8/16 12:25:13

三分钟永久修改Word默认样式:告别重复格式设置,提升文档效率

1. 项目概述&#xff1a;为什么我们需要“驯服”Normal.dotm&#xff1f; 每次打开Word&#xff0c;新建一个空白文档&#xff0c;映入眼帘的“等线”字体、五号字、单倍行距……这些就是Word的默认样式。对于绝大多数用户来说&#xff0c;这些默认设置可能只是“背景板”&…

作者头像 李华
网站建设 2026/8/16 12:19:34

​2026年开学季护眼台灯终极指南:孩子护眼灯怎么选购好一点?书客·柏曼·明基·霍尼韦尔·米家·孩视宝护眼台灯推荐2026

随着开学季临近&#xff0c;护眼台灯再次成为很多家长关注的学习装备之一。孩子每天长时间写作业、画画&#xff0c;书桌上的光环境会直接影响日常用眼体验。但面对市场上各种护眼、全光谱、低蓝光等宣传&#xff0c;不少家长反而容易陷入选择困难&#xff1a;孩子护眼灯怎么选…

作者头像 李华
网站建设 2026/8/16 12:18:55

HOOPS Visualize Web 所支持的平台

支持的平台 运行时平台支持 HOOPS Visualize Web 二进制文件支持以下平台&#xff1a; 平台建筑学运行时要求支持的操作系统示例视窗x86-64Visual C 2019 或更高版本的可再发行组件包Windows 11、Windows Server 2022 及更高版本Linuxx86-64glibc 2.28 或更高版本Debian 11…

作者头像 李华
网站建设 2026/8/16 12:15:52

Bilibili-Evolved深度实战指南:从零定制你的专属哔哩哔哩增强脚本

Bilibili-Evolved深度实战指南&#xff1a;从零定制你的专属哔哩哔哩增强脚本 【免费下载链接】Bilibili-Evolved 强大的哔哩哔哩增强脚本 项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Evolved Bilibili-Evolved是一款以"模块化"为核心的哔哩哔哩增…

作者头像 李华