Deep Chat简介
Deep Chat是一个功能丰富、完全可定制的AI聊天组件,可以轻松集成到任何网站中。无论您是想创建一个利用ChatGPT等流行API的聊天机器人,还是连接到自己的自定义服务,这个组件都能满足您的需求。Deep Chat提供了多种强大的功能,使其成为构建AI驱动的聊天界面的理想选择。
主要特性
- 连接任何API
- 头像和名称支持
- 发送/接收文件
- 通过网络摄像头捕获照片
- 通过麦克风录制音频
- 语音转文字输入消息
- 文字转语音听取回复
- 支持Markdown和自定义元素以结构化文本和渲染代码
- 引导面板和动态模态框,帮助用户了解功能
- 直接从浏览器连接流行的AI API,如OpenAI、HuggingFace、Cohere等
- 支持所有主流UI框架/库
- 在浏览器中托管模型
- 一切都可定制!
快速开始
对于React项目,安装以下包:
npm install deep-chat-react
然后在标记中添加以下内容:
<DeepChat />
具体语法可能因您选择的框架而异。查看框架示例获取更多信息。
连接服务
连接到服务很简单,只需使用request
属性定义API详细信息:
<deep-chat request='{"url":"https://service.com/chat"}'/>
服务需要能够处理Deep Chat中使用的请求和响应格式。请阅读文档中的Connect部分,并查看服务器模板示例。
直接连接
您可以使用directConnection
属性直接从浏览器连接到流行的AI API:
<deep-chat directConnection='{"openAI":true}'/>
<deep-chat directConnection='{"openAI":{"key": "optional-key-here"}}'/>
请注意,此方法仅应用于本地/原型设计/演示目的,因为它会将API密钥暴露给浏览器。
Web模型
无需服务器和连接,您可以在浏览器中完全托管LLM模型。只需添加deep-chat-web-llm模块并定义webModel
属性:
<deep-chat webModel="true" />
相关资源
-
官方网站 - 查看所有可用功能、使用方法和示例。
-
GitHub仓库 - 源代码和详细文档。
-
在线演示 - 无需编写代码即可创建、配置和使用Deep Chat组件。
-
框架示例 - 各种UI框架/库的live codepen示例。
-
服务器模板 - 从创建自己的服务到为其他API(如OpenAI)建立代理,所有内容都有清晰的示例文档。
-
YouTube教程 - 演示视频。
-
文档 - 详细的使用说明和API参考。
通过这些资源,开发者可以快速上手Deep Chat,充分利用其强大的功能来创建自定义的AI聊天界面。无论是用于客户服务、教育还是娱乐目的,Deep Chat都提供了灵活和强大的解决方案。
Deep Chat是一个开源项目,欢迎社区贡献。如果您有任何改进建议、新想法或发现了bug,请随时在GitHub上创建新的issue。让我们一起把Deep Chat打造得更好!