语音控制浏览器

集成Apify MCP的语音浏览器

一个基于人工智能的语音控制浏览器，它利用官方的Apify模型上下文协议（MCP），通过自然语言指令执行网页抓取和数据提取任务。

特点/功能

• 🎤（麦克风图标，通常表示唱歌或录音） 语音识别自然地说出你的指令
• 🤖 表示机器人或机器人的形象。 **官方Apify MCP（注：MCP可能代表某个特定的项目、认证或职位，具体含义需根据上下文确定，此处保留原英文缩写）**连接了7个Apify MCP工具，包括RAG网络浏览器
• 🔊 语音响应代理使用Web Speech API返回结果
• 📊 表格/数据图表 结构化结果美观易读的抓取数据显示
• 🎨 表示绘画或艺术创作的符号。 动画球体系统状态的视觉反馈
• ⚡（闪电符号，常用于表示快速、能量、电力等概念） 实时用于即时更新的WebSocket连接

设置

先决条件

• Node.js 18及以上版本
• Apify API令牌

安装

1. 安装后端依赖项： ```bash（注：这通常表示接下来是一段 Bash 脚本或命令行指令） npm install ```

2. 安装前端依赖项： ```bash（注：在中文语境下，通常不直接翻译代码块中的内容，但此处为说明，可理解为“以下为bash代码块”或保持原样不翻译） 进入前端目录 npm install ```

3. 创建 `.env` 文件： ``` APIFY_API_TOKEN=your_token_here 端口=3000 ```

跑步

1. 启动后端： ```bash（注：这通常表示接下来是一段 Bash 脚本或命令的代码块） 运行 node server-mcp.js（或：使用 Node.js 执行 server-mcp.js 文件） ```

2. 启动前端： ```bash（注：这行代码本身在中文语境下没有直接的翻译意义，它通常表示接下来是一段Bash脚本或命令的提示，因此可保持原样或根据上下文稍作调整，如“以下是Bash脚本/命令”） 进入frontend目录 `npm run dev` 翻译成中文是：“运行 npm 的 dev 脚本” ```

3. 打开 `http://localhost:5174`

使用方法

点击球体并说出指令，例如：

• “旧金山的天气怎么样？”
• “TikTok上现在流行什么？”
• “亚马逊有新的外套目录吗？”

技术栈

• 后端Node.js、Express、WebSocket、Apify MCP SDK
• 前端TypeScript、Vite、Lottie、Web Speech API
• MCP（Minimum Capital Requirement）——最低资本要求官方 `@apify/actors-mcp-server@latest`