mbz-voice-sdk
Version:
🎙️ MBZ Voice SDK: Easily add voice recognition, Gemini-based AI replies, and TTS to any web app.
61 lines (59 loc) • 1.35 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>MBZ Voice SDK</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #0e0e0e;
color: #fff;
text-align: center;
padding: 2rem;
}
img {
width: 100px;
margin-bottom: 1rem;
}
h1 {
margin: 0;
font-size: 2rem;
}
h2 {
color: #00c3ff;
font-size: 1rem;
font-weight: normal;
margin-top: 0.5rem;
}
button {
margin-top: 2rem;
padding: 1rem 2rem;
font-size: 1rem;
background: #00c3ff;
border: none;
border-radius: 8px;
color: white;
cursor: pointer;
}
#response {
margin-top: 2rem;
font-size: 1.2rem;
background: #1a1a1a;
padding: 1rem;
border-radius: 8px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<img src="logo.png" alt="MBZ Logo" />
<h1>MBZ Voice SDK</h1>
<h2>Speak. Think. Respond. Seamlessly.</h2>
<button id="start-btn">🎙️ Start Talking</button>
<div id="response">AI: ...</div>
<script type="module" src="./script.js"></script>
</body>
</html>