О чём урок
Прежде чем писать какой-либо код, вызовите навык /sound-effects, чтобы изучить правильные паттерны ElevenLabs SDK. Защищенный POST endpoint, который генерирует звуковой эффект из текстового prompt. Никогда не раскрывайте ELEVENLABS_API_KEY клиенту. Считывает { prompt } из тела запроса. Проверяет, что prompt является непустой строкой. Использует ElevenLabsClient и вызывает client.textToSoundEffects.convert. Возвращает сгенерированный MP3-поток из ответа сервера. Возвращает читаемые JSON-ошибки для ошибок валидации и сбоев API. Простая страница-песочница для звуковых эффектов. Отображает текстовое поле (textarea) для prompt и кнопку отправки. Вызывает API route с клиента и обрабатывает состояния загрузки, успеха и ошибки. Преобразует возвращенный аудио blob в URL-адрес объекта и рендерит HTML-аудиоплеер. Автоматически очищает предыдущий аудиофайл при запуске нового запроса. Сохраняет UI минималистичным и легко просматриваемым.
План урока
- 1. app/api/generate-sound/route.ts
- 2. app/page.tsx
Урок входит в полный доступ. Полный текст и видео открываются после оплаты. Первые уроки каждого курса бесплатны.