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