- agent/web_mcp.py: stdio MCP server exposing web_search and web_scrape, backed by the self-hosted Firecrawl stack on xNAS (no API key needed) - agent.py: Agent now attaches mcp_servers built from config; EXTRA_MCP_SERVERS env var allows adding arbitrary HTTP/SSE MCP servers as JSON - Dockerfile: installs livekit-agents[mcp], copies web_mcp.py - .env.example: WEB_MCP_ENABLED, FIRECRAWL_BASE, EXTRA_MCP_SERVERS documented
52 lines
2.0 KiB
HTML
52 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Voice Assistant</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>Voice Assistant</h1>
|
|
<p class="subtitle">Azure Speech + Gemma LLM, real-time conversation</p>
|
|
</header>
|
|
|
|
<div class="controls">
|
|
<button id="startBtn" class="btn btn-primary">Start Conversation</button>
|
|
<button id="stopBtn" class="btn btn-danger" disabled>Stop</button>
|
|
</div>
|
|
|
|
<div class="voice-panel">
|
|
<label for="voiceSelect">Voice:</label>
|
|
<select id="voiceSelect">
|
|
<option value="en-US-AvaNeural" selected>Ava (DragonHD)</option>
|
|
<option value="en-US-JennyNeural">Jenny</option>
|
|
<option value="en-US-GuyNeural">Guy</option>
|
|
<option value="en-US-AndrewNeural">Andrew</option>
|
|
<option value="en-US-AriaNeural">Aria</option>
|
|
<option value="en-US-EmmaNeural">Emma</option>
|
|
<option value="en-US-EricNeural">Eric</option>
|
|
<option value="en-US-BrianNeural">Brian</option>
|
|
<option value="en-US-AshleyNeural">Ashley</option>
|
|
<option value="en-US-RichardNeural">Richard</option>
|
|
<option value="en-US-TinaNeural">Tina</option>
|
|
<option value="en-US-SteffanNeural">Steffan</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="status" id="status">Disconnected</div>
|
|
<div class="status" id="micLevel" style="font-size: 0.8em;"></div>
|
|
|
|
<div class="transcript" id="transcript">
|
|
<div class="transcript-header">Conversation</div>
|
|
<div id="messages"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="livekit-client.umd.js"></script>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|