《开源项目安装与配置指南：Live API Web Console》-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00914/article/details/146721982

《开源项目安装与配置指南：Live API Web Console》

本项目是一个基于React的开源项目，主要用于展示和实验Google的Live API。它通过WebSocket与Gemini AI进行通信，实现了音频播放、用户媒体记录（如麦克风、摄像头或屏幕捕捉）以及统一的日志视图等功能，以帮助开发者构建和调试应用程序。

主要编程语言为TypeScript，同时也使用了SCSS、HTML和CSS。

克隆项目仓库：

打开终端或命令提示符，输入以下命令克隆项目：
```
git clone https://github.com/google-gemini/multimodal-live-api-web-console.git
```
安装依赖：

切换到项目目录，安装项目依赖：
```
cd multimodal-live-api-web-console
npm install
```
配置环境变量：

在项目根目录下创建一个.env文件，并添加你的Gemini API密钥：
```
REACT_APP_GEMINI_API_KEY=your_api_key_here
```
请确保替换your_api_key_here为你的实际API密钥。
启动开发服务器：

使用以下命令启动开发服务器：
```
npm start
```
运行此命令后，项目将在开发模式下启动，并且会自动在默认的Web浏览器中打开http://localhost:3000。
构建项目：

当你完成开发和测试后，可以使用以下命令构建项目：
```
npm run build
```
构建完成后，会在build目录生成一个优化后的生产版本。