О чём урок
Прежде чем писать какой-либо код, вызовите навык /speech-to-text, чтобы изучить правильные паттерны ElevenLabs SDK. Безопасная GET-конечная точка, которая возвращает одноразовый realtime Scribe token. Никогда не раскрывайте ELEVENLABS_API_KEY клиенту. Страница realtime транскрипции с микрофона. Используйте realtime scribe hook из ElevenLabs React SDK со стратегией VAD commit. Получайте новый token из API-маршрута при каждом запуске (токены являются одноразовыми). Показывайте переключатель «Старт/Стоп», статус соединения, живую форму волны (используйте LiveWaveform из components/ui), частичную транскрипцию и историю зафиксированных транскрипций (сначала самые новые). Сохраняйте зафиксированную историю при остановке/запуске; очищайте временное состояние при отключении. Корректно обрабатывайте ошибки соединения и разрешайте переподключение.
План урока
- 1. app/api/scribe-token/route.ts
- 2. app/page.tsx
Урок входит в полный доступ. Полный текст и видео открываются после оплаты. Первые уроки каждого курса бесплатны.