H5
更新时间：2025-09-22
H5快速实现大模型互动 本文介绍如何通过少量代码跑通大模型互动H5 DEMO，快速实现高质量、低延时的大模型互动功能。
实现大模型互动的步骤如下：
创建并且初始化 new BaiduRtcAgentClient(); 开始通话 Agent.Start(); 结束通话 Agent.Stop();
步骤：
1.前期准备
在实现 H5大模型互动demo之前，你需要有以下准备：
申请百度智能云官网 APP ID，详见https://console.bce.baidu.com/rtc/#/rtc/interaction
快速Demo 下载地址：https://cloud.baidu.com/doc/RTC/s/wm8y592lc
2.使用SDK
Plain Text
11). 初始化
2var Agent = new BaiduRtcAgentClient();
3
42). 开始通话
5var cfg = {
6 llm: 'LLMxxx', // 私有LLM 可以填入'OPENAI', llm_url传入私有化地址
7 llm_url: ''
8};
9Agent.Start({
10 appid: 'AppIdxxx',
11 cfg: cfg,
12 remotevideoviewid: 'therevideo',
13 localvideoviewid: 'herevideo',
14 ak: '',
15 sk: '',
16 success: function () {
17 },
18 error: function (error) {
19 },
20 onmessage: function (msg) {
21 console.log('onmessage id: ' + msg.id + ' data: ' + msg.data);
22 }
23
243). 发送文本消息
25Agent.sendMessageToUser('[T]:你好');
26
274). 结束通话
28Agent.Stop();