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