| <!DOCTYPE html> |
| <html lang="zh"> |
| <head> |
| <meta charset="UTF-8" /> |
| <title>Sesame AI 中文语音助手</title> |
| <style> |
| body { font-family: sans-serif; padding: 20px; } |
| button { padding: 10px 15px; margin: 5px; font-size: 16px; cursor: pointer; } |
| </style> |
| </head> |
| <body> |
|
|
| <h2>Sesame AI 中文语音助手（实时语音 + 情绪 + 字幕）</h2> |
|
|
| <h4>选择情绪风格：</h4> |
| <button onclick="setEmotion('wenrou')">温柔</button> |
| <button onclick="setEmotion('sajiao')">撒娇</button> |
| <button onclick="setEmotion('tiaopi')">调皮</button> |
| <button onclick="setEmotion('nuanxin')">暖心</button> |
|
|
| <p>当前情绪： <span id="emotionLabel">wenrou（温柔）</span></p> |
|
|
| <button id="startBtn">🎤 开始讲话</button> |
| <button id="stopBtn">🛑 停止</button> |
|
|
| <h3>你的话：</h3> |
| <div id="userSubtitle" style="font-size:18px; color:#555;"></div> |
|
|
| <h3>AI：</h3> |
| <div id="aiSubtitle" style="font-size:20px; color:#000; font-weight:bold;"></div> |
|
|
| <h3>语音回复：</h3> |
| <audio id="player" controls></audio> |
|
|
| <script src="script.js"></script> |
| </body> |
| </html> |
|
|
