HN 표시: Orb-UI – React용 음성 AI UI 구성 요소(Vapi, ElevenLabs 등)
hackernews
|
|
📰 뉴스
#elevenlabs
#react
#ui 구성 요소
#vapi
#음성 ai
원문 출처: hackernews · Genesis Park에서 요약 및 분석
요약
음성 AI 앱 프로토타이핑 시 반복되는 UI 작업을 줄이기 위해 개발된 리액트 컴포넌트 라이브러리인 'orb-ui'가 공개되었습니다. 이 라이브러리는 Vapi와 ElevenLabs 등의 공급자를 위한 어댑터를 제공하여 대기 상태부터 음성 인식, 합성까지의 상태 머신을 처리하고 실시간 오디오 볼륨에 반응하는 애니메이션을 지원합니다. 기존 제품들이 특정 제공자에 종속되거나 단순 복사 방식이었던 것과 달리, orb-ui는 MIT 라이선스를 적용하여 npm을 통해 쉽게 설치하고 업데이트할 수 있는 패키지 형태를 특징으로 합니다.
본문
orb-ui [GitHub](https://github.com/alexanderqchen/orb-ui)[npm](https://www.npmjs.com/package/orb-ui) # Beautiful voice AI in minutes, not days. The simplest voice AI component library for React. Works with Vapi and ElevenLabs. No config, no boilerplate — just drop it in. npm install orb-ui📋 LIVE DEMO THEME circlebarsdebug PROVIDER Vapi 🎙ElevenLabs ⚡Sandbox 🧪 Click the orb to start or stop a live conversation. QUICK START VapiElevenLabsCustom ``` import Vapi from "@vapi-ai/web" import { Orb } from "orb-ui" import { createVapiAdapter } from "orb-ui/adapters" const vapi = new Vapi("your-public-key") const adapter = createVapiAdapter(vapi, { assistantId: "your-assistant-id" }) function App() { return } ``` MIT License · Built by [Alexander Chen](https://alexanderqchen.com) [GitHub](https://github.com/alexanderqchen/orb-ui)[npm](https://www.npmjs.com/package/orb-ui)
Genesis Park 편집팀이 AI를 활용하여 작성한 분석입니다. 원문은 출처 링크를 통해 확인할 수 있습니다.
공유