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