# 🔧 LiveKit Explore Dashboard 解决方案

## 问题原因

LiveKit Server (Docker) **默认不包含 Web UI**。`/explore` 路径返回 404 是因为需要一个独立的前端应用。

## ✅ 解决方案

### 方案一：使用 LiveKit Playground（推荐 - 无需部署）

访问官方测试页面:
```
https://livekit.io/playground
```

配置:
- **Server URL**: `wss://YOUR_PUBLIC_IP_OR_DOMAIN` (需要 HTTPS/WSS)
- 或本地测试: 使用 ngrok 等工具暴露 WebSocket

### 方案二：启动本地 Dashboard Container

```bash
# 从源码构建并运行 Dashboard
git clone https://github.com/livekit/dashboard.git
cd dashboard
npm install
npm run build
npx vercel --prod  # 或 docker run ...
```

### 方案三：使用 LiveKit Cloud Console

访问: https://cloud.livekit.io
- 创建免费账户
- 创建 Project
- 获取 API Key/Secret
- 在云端管理 Rooms 和测试

### 方案四：自建简单 Monitor

创建一个简单的 HTML 页面连接到 LiveKit:

```html
<!DOCTYPE html>
<html>
<head><title>LiveKit Test</title></head>
<body>
  <h1>LiveKit Voice AI</h1>
  <div id="status">Connecting...</div>
  <button onclick="joinRoom()">Join Room</button>
  
  <script src="https://cdn.livekit.io/clients/1.x/livekit-client.umd.min.js"></script>
  <script>
    const SERVER = 'ws://192.168.31.229:7880';
    const TOKEN = 'eyJhbG...';
    
    async function joinRoom() {
      const room = new LivekitClient.Room();
      await room.connect(SERVER.replace('ws://', 'http://').replace(/:8080$/, ''), TOKEN);
      document.getElementById('status').textContent = 'Connected!';
    }
  </script>
</body>
</html>
```

## 📱 手机测试建议

由于浏览器 WebSocket 限制，建议:

1. **使用 React Native App** - 已在 `react-native-example/` 目录
2. **使用 LiveKit Cloud** - 提供 WebRTC 测试页面
3. **使用第三方客户端** - 如 LiveKit Client SDK 示例

## 🔗 相关资源

- LiveKit 文档: https://docs.livekit.io
- GitHub: https://github.com/livekit/livekit
- Playground: https://livekit.io/playground
