ElevenLabs를 연결해 Lovable 앱에서 음성 생성, 전사, 음악, 사운드 효과, 음성 에이전트를 사용합니다.
ElevenLabs로 앱에 음성 AI 연결하기
AI 오디오 플랫폼 ElevenLabs에 앱을 연결해 음성을 생성하고, 오디오를 전사하고, 음악과 사운드 효과를 만들고, 음성 에이전트를 빌드하세요.
ElevenLabs는 음성, 전사, 음악, 대화형 음성 에이전트를 위한 AI 오디오 플랫폼입니다. ElevenLabs 커넥터를 사용하면 공유 API 키로 Lovable 앱에서 ElevenLabs API를 호출할 수 있습니다. 내레이션 콘텐츠, 받아쓰기, 말하는 어시스턴트처럼 음성 오디오 또는 음성 상호작용이 제품의 핵심인 앱에 적합합니다.
ElevenLabs는 앱 + 채팅 커넥터로 제공됩니다. 하나의 공유 연결이 빌드 중 프로젝트 채팅과 게시된 앱 모두에서 작동합니다.
ElevenLabs를 사용하면 앱은 다음 작업을 할 수 있습니다.
- 텍스트를 선택한 목소리의 자연스러운 음성으로 변환
- 녹음 파일을 전사하거나, 받아쓰기와 캡션을 위해 음성을 실시간 전사
- 텍스트 설명에서 사운드 효과와 음악 생성
- 사람들이 실시간으로 대화할 수 있는 음성 에이전트 추가
ElevenLabs는 앱이 텍스트 전용 인터페이스가 아니라 음성 출력이나 오디오 우선 상호작용에 의존할 때 적합합니다.
주요 사용 사례 및 예시 앱
다음 예시는 ElevenLabs로 빌드할 수 있는 앱과 시작 프롬프트를 보여줍니다.
| 예시 앱 | 예시 프롬프트 | 설명 |
|---|---|---|
| 음성 지원 어시스턴트 | Use ElevenLabs and build a voice assistant that answers questions aloud with a selected voice. | 텍스트 전용 답변 대신 음성 답변을 제공합니다. 앱이 질문을 받고, 응답을 생성하고, 선택한 목소리로 음성 변환한 뒤 오디오를 재생합니다. |
| 일일 브리핑 앱 | Use ElevenLabs and build a daily briefing app that reads out metrics or summaries every morning. | 일일 요약을 멀티태스킹 중에도 들을 수 있는 오디오로 바꿉니다. 앱이 선택한 소스에서 브리핑을 구성하고 음성 버전을 생성해 앱 안에서 재생할 수 있게 합니다. |
| 내레이션 콘텐츠 생성기 | Use ElevenLabs and build an app that turns articles or story prompts into narrated audio episodes. | 작성된 콘텐츠를 온디맨드로 들을 수 있는 내레이션 에피소드로 바꿉니다. 앱이 기사나 프롬프트를 스크립트로 변환하고 하나 이상의 목소리로 내레이션을 생성해 완성된 오디오 에피소드를 출력합니다. |
| 어린이 스토리텔링 앱 | Use ElevenLabs and build a story app that generates narrated stories with character voices. | 표현력 있는 캐릭터 목소리로 내레이션 스토리를 생성합니다. 앱이 독자 입력에서 이야기를 만들고 각 캐릭터에 목소리를 배정해 완전히 내레이션된 오디오를 만듭니다. |
| 회의 전사 도구 | Use ElevenLabs and build a tool that transcribes uploaded recordings with speaker labels. | 녹음 파일을 검색 가능한 화자 라벨 포함 전사문으로 바꿉니다. 앱이 배치 전사를 위해 오디오를 ElevenLabs에 업로드하고 화자 분리 결과가 포함된 전사문을 보여줍니다. |
| 학습 앱 | Use ElevenLabs and build a learning app that reads lessons and exercises aloud. | 음성 안내로 학습을 지원합니다. 앱이 레슨, 연습, 설명을 음성으로 변환하고 학습 흐름의 일부로 재생합니다. |
| 가이드형 웰니스 앱 | Use ElevenLabs and build a fitness or wellness app that delivers spoken guidance during sessions. | 오디오 우선 안내로 세션을 진행합니다. 앱이 루틴과 운동을 위한 음성 안내를 생성하고 세션 내내 재생합니다. |
| 접근성 리더 | Use ElevenLabs and build an app that reads page content aloud for people who prefer audio. | 화면을 보지 않아도 앱 콘텐츠를 사용할 수 있게 합니다. 앱이 관련 콘텐츠에 대한 음성 오디오를 생성하고 정보를 소비하는 기본 방식으로 제공합니다. |
ElevenLabs 연결 방법
ElevenLabs 연결을 만들 수 있는 사람은 플랜과 워크스페이스 설정에 따라 달라집니다. 앱 + 채팅 커넥터는 Free, Pro, Business 플랜에서 기본으로 사용할 수 있습니다. Enterprise 플랜에서는 처음에는 사실상 비활성화되어 있습니다. 관리자가 Connectors → Admin settings → App + chat connectors에서 변경하기 전까지 Who can create connections and clients가 기본적으로 No one입니다.
서로 다른 API 키로 여러 ElevenLabs 연결을 만들 수 있습니다. 개발과 프로덕션 같은 환경을 분리하거나 각 환경에 자체 크레딧 한도를 줄 때 유용합니다.
연결을 만든 뒤에는 사용하려는 프로젝트에 연결을 링크할 수 있습니다. 프로젝트에서 빌드하는 사람은 누구나 프로젝트 채팅에서 Lovable에게 이 연결을 프로젝트에 링크해 달라고 요청할 수 있습니다.
전제 조건
ElevenLabs를 연결하기 전에 다음을 준비하세요.
- ElevenLabs 계정
- ElevenLabs API 키
- Lovable 워크스페이스에서 create connections 권한. Who can create connections and clients를 참고하세요.
이 커넥터를 통한 모든 오디오 생성 및 처리는 모델과 입력 길이에 따라 ElevenLabs 크레딧을 소비합니다. 청구는 Lovable이 아닌 ElevenLabs에서 직접 처리합니다.
1단계: ElevenLabs API 키 받기
ElevenLabs API 키는 Lovable 앱이 ElevenLabs API에 인증할 수 있게 합니다. 서로 다른 권한과 크레딧 한도로 여러 키를 만들 수 있습니다.
ElevenLabs API 키를 만들려면 다음 단계를 따르세요.
ElevenLabs 계정 열기
ElevenLabs에 로그인합니다. 링크는 API keys 페이지를 엽니다.
키 만들기
Developers → API keys에서 Create Key를 클릭하고 Lovable integration 같은 설명적인 이름을 지정합니다.
키 제한하기
Restrict Key를 켭니다.
크레딧 한도 설정하기
키의 월별 Credit Limit을 설정합니다.
키가 사용할 엔드포인트 선택하기
text to speech, speech to text처럼 앱에 필요한 엔드포인트를 유지합니다. usage 및 user information에 대한 읽기 접근 권한도 유지하세요. Lovable은 연결할 때 키의 usage statistics를 읽어 검증하며, 이 접근 권한이 없는 키는 거부합니다.
키 복사하기
생성된 API 키를 복사해 안전하게 보관합니다.
API 키는 비밀번호처럼 작동합니다. 안전하게 보관하고 절대 공개적으로 공유하지 마세요. 다음 단계에서 필요합니다.
자세한 내용은 ElevenLabs 문서의 ElevenLabs API reference를 참고하세요.
2단계: ElevenLabs를 Lovable에 연결하기
서로 다른 API 키로 여러 연결을 만들 수 있습니다.
Connectors에서 ElevenLabs 열기
Connectors를 열고 ElevenLabs를 선택합니다. 카탈로그를 여는 다른 위치는 Where to find connectors를 참고하세요.
연결 추가하기
Add connection을 클릭합니다.
연결 구성하기
- Display name:
ElevenLabs Prod처럼 연결 이름을 지정합니다. 이 이름은 Lovable 안에서 연결을 식별하는 용도로만 사용됩니다. - API Key: ElevenLabs API 키(
sk_로 시작)를 붙여 넣습니다. 필드 옆의 Get value를 누르면 ElevenLabs API keys 페이지가 열립니다.
이 연결을 사용할 수 있는 사람 선택하기
Sharing 아래에서 연결은 기본적으로 본인에게만 비공개이며 Private 라벨이 표시됩니다. 공유하려면 Share with others를 클릭합니다. 그런 다음 이메일로 워크스페이스 멤버를 추가하거나 Invite entire workspace를 클릭해 Lovable 워크스페이스의 모든 사람이 연결을 사용할 수 있게 합니다.
자세한 내용은 Who can use connections and clients를 참고하세요.
연결하기
Connect를 클릭합니다. Lovable은 연결을 저장하기 전에 ElevenLabs API로 키를 검증합니다.
연결되면 프로젝트에서 빌드하는 사람은 누구나 구성된 연결 수준 접근 권한에 따라 프로젝트 채팅에서 Lovable에게 프로젝트를 ElevenLabs에 링크해 달라고 요청할 수 있습니다. 그러면 Lovable 앱이 ElevenLabs로 음성, 음악, 사운드 효과를 생성하고 오디오를 전사하며 음성 에이전트를 실행할 수 있습니다.
대부분의 앱 + 채팅 커넥터와 달리 ElevenLabs는 Lovable의 connector gateway를 통해 라우팅되지 않습니다. Lovable은 API 키를 링크된 각 프로젝트의 secret으로 저장하며 키는 앱 서버 밖으로 나가지 않습니다. 음성 에이전트 같은 실시간 기능은 서버가 키로 요청한 단기 토큰을 사용해 브라우저를 ElevenLabs에 연결합니다.
제한 사항
ElevenLabs 커넥터는 다음을 할 수 없습니다.
- API 키를 자동으로 교체할 수 없습니다. 교체하려면 ElevenLabs에서 새 키를 만들고 Lovable 연결을 업데이트하세요.
- 최종 사용자별 ElevenLabs 로그인을 지원할 수 없습니다. 각 연결은 링크된 모든 프로젝트가 공유하는 하나의 ElevenLabs 계정을 나타냅니다.
ElevenLabs 연결 관리하기
연결은 Connectors에서 관리합니다. **ElevenLabs**을 선택한 다음 연결을 엽니다.
- Unlink projects로 특정 프로젝트에서 ElevenLabs 접근을 제거하면서도 다른 프로젝트에서는 연결을 계속 사용할 수 있게 둡니다. 단계는 Unlink projects from a connection을 참고하세요.
- Delete the connection으로 워크스페이스에서 연결을 완전히 제거합니다. 삭제는 영구적입니다. 링크된 모든 프로젝트에서 자격 증명을 제거하며, ElevenLabs을 사용하는 앱 기능은 새 연결을 추가할 때까지 작동하지 않습니다. 단계와 삭제 가능한 사람은 Delete a connection을 참고하세요.