# xunfei-AI

**Repository Path**: wangdandan810012/xunfei-AI

## Basic Information

- **Project Name**: xunfei-AI
- **Description**: 使用讯飞星火ai，完成的ai自由问答页面，自适应所有屏幕，可使用网页镶嵌应用到各种设备
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-26
- **Last Updated**: 2026-06-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 蛋蛋AI 问答项目

## 简介

蛋蛋AI 问答项目是一个基于网页的简易聊天应用，用户可以通过网页与AI进行互动问答。该项目使用HTML、CSS和JavaScript构建，并通过WebSocket与后端服务器进行实时通信。

## 技术栈

- HTML: 用于构建网页结构。
- CSS: 用于定义网页样式。
- JavaScript: 用于处理用户输入、WebSocket通信和动态更新网页内容。
- CryptoJS: 用于生成WebSocket连接所需的签名。
- WebSocket: 用于与服务器进行实时数据交换。

## 文件结构

- `index.html`: 主页面文件，包含用户界面和前端逻辑。

## 功能特点

- **实时聊天**: 通过WebSocket与服务器进行实时通信，实现用户与AI的即时互动。
- **自适应布局**: 使用CSS Flexbox和媒体查询实现响应式布局，适配不同设备。
- **用户输入处理**: 监听用户输入，捕获回车键事件发送消息。
- **消息展示**: 动态添加用户和AI的消息到聊天窗口，并支持滚动条自动滚动到底部。

## 使用说明

1. 打开`index.html`文件以启动应用。
2. 在输入框中输入问题，点击发送按钮或按下回车键。
3. 查看AI的回答在聊天窗口中展示。

## 注意事项

- 请确保您的网络连接正常，以便与服务器建立WebSocket连接。
- 本项目中的API密钥和服务器地址为示例，实际使用时需要替换为有效的API密钥和服务器地址。