🎧 AI 상담센터 통화 시연 고객 응대 자동화 데모 · Groq / Gemini / OpenAI(LLM) + Web Speech(음성 인식) + Fish Audio / Edge / ElevenLabs / Azure / OpenAI TTS

LLM 연결 확인

① 공통 지침 및 안내

AI 응대 기준
수신·발신 모두에 적용되는 AI 응대원칙입니다. 아래 지침을 기반으로 통화 시나리오를 수행합니다.
  • 상담센터 응대사 "지아" 역할로 통화에 응대합니다.
  • 통화 형태이므로 짧고 자연스러운 말투로 한 번에 2~3문장 이내로 답합니다.
  • 질문은 한 번에 하나만 사용하고, 전문용어를 쉽게 풀어서 설명합니다.
  • 본인확인·개인정보(생년월일, 비밀번호 등)를 직접 묻지 않고 표준 안내로 대체합니다.
  • 이모지나 마크다운 없이 말로 읽히는 텍스트로만 응답합니다.
  • 고객이 대화가 끝났다고 판단되면 마지막 인사 후 통화를 자동으로 종료합니다.
확인 중…
· 사용 브라우저 : Chrome / Edge (음성 인식은 Web Speech API 사용)
· 마이크 입력 → AI가 듣고 응답하며, 스피커로 음성이 출력됩니다. 이어폰 권장.
· AI는 Groq 클라우드 API(https://api.groq.com), Google AI Studio Gemini API(https://generativelanguage.googleapis.com), OpenAI API(https://api.openai.com)에 브라우저에서 직접 연결됩니다. CORS가 지원되어 프록시가 필요 없습니다. 모델 선택에서 Groq/Gemini/OpenAI를 고를 수 있습니다.
· 음성 합성은 Fish Audio(PHP 프록시 경유) / Edge TTS(브라우저에서 직접, 프록시/키 불필요) / ElevenLabs flash(PHP 프록시 경유, 초저지연) / Azure Neural(PHP 프록시 경유, ko-KR, 월 50만자 무료) / OpenAI(PHP 프록시 경유, gpt-4o-mini-tts) 중 선택합니다. 실패 시 Fish로 자동 폴백됩니다.
· Groq / Gemini API는 응답이 수 초 내에 옵니다.

② 전화 수신 (고객이 걸어온 전화)

고객이 상담센터로 전화를 걸어온 상황을 시연합니다.
버튼을 누르면 AI가 "○○상담센터입니다" 하고 응대를 시작하며, 고객이 마이크에 말하는 내용을 AI가 듣고 답변합니다.
대기 중
통화가 시작되면 대화 내용이 여기에 표시됩니다.

③ 전화 발신 (고객에게 안내 전화)

상담센터에서 고객에게 안내 목적으로 전화를 거는 상황을 시연합니다.
"통화 목적"을 입력하고 발신 버튼을 누르면 AI가 먼저 안내 멘트를 시작하며, 고객의 질문에도 실시간으로 응대합니다.
대기 중
통화가 시작되면 대화 내용이 여기에 표시됩니다.

④ 통화 기록 (자동 저장됨 · 목록을 클릭하면 통화 내용이 표시됩니다)

아직 통화 기록이 없습니다. 수신 또는 발신 통화를 시작해 보세요.