PRODUCTION APP · VOICE TRANSLATION
말이 멈추지 않게,끊긴 뒤까지 설계한 통역기.
말을 듣고 번역해 읽어주는 순간부터, 현장에서 끊겼을 때의 다음 행동까지 설계했습니다.
한국어↔라오어 수업·발표 현장에서 시작해 여행 대화와 78개 언어로 확장한 설치형 웹앱입니다. 두 방향의 실시간 음성 회선을 미리 준비하고, 선택한 화자의 마이크만 전송해 첫 문장을 놓치지 않도록 했습니다. 회선 장애에는 재연결과 중계 폴백, 오프라인에는 큰 자막으로 보여주는 필수 문장을 제공해 통역이 멈춘 뒤의 행동까지 연결했습니다.
운영 앱은 초대받은 사용자만 로그인할 수 있습니다.
FIELD SIGNAL
현장에서 먼저 보여야 하는 상태
마이크
선택 방향만 전송
양방향 회선
2 / 2 준비
번역 출력
자막 + 음성
장애 전환
타이핑 · 오프라인
78
지원 언어
앱 언어표 기준
2
현장 통역 모드
연속 · 대화
24
오프라인 문장
베트남 여행용
86/86
브라우저 검증
2026-08-29 감사 기록
TOUCH THE REAL SERVICE
사진보다 한 단계 더,실제 서비스처럼 직접 확인하세요.
운영 앱의 필드 UI와 양방향 통역 조작을 고정 예시 음성·자막으로 안전하게 재구성했습니다. 아래 화면의 탭·버튼·상태 변화는 모두 작동합니다.
안전한 서비스 클론
개인 내용, 실제 계정, 운영 DB는 연결하지 않습니다. 입력과 변경은 이 화면 안에서만 작동합니다.
실제 통역기의 언어 선택·양방향 자막 흐름을 만져보세요.
PC 화면으로 보고 있습니다.
Live Translator
운영 UI 기반 · 예시 자막
LANGUAGE ROUTE
통역 언어
대화 히스토리
예시 자막이 여기에 남습니다.
LIVE CAPTION
말할 사람을 선택하세요
통역 대기 중
마이크나 운영 API에 연결하지 않고 실제 서비스의 조작 흐름을 안전하게 재현합니다.
예시 세션을 시작해주세요.
OPERATIONS EVIDENCE · CHECKED 2026.09.02
운영 중이라는 말보다,운영을 지키는 흔적을 보여드립니다.
현장 통역 앱을 초대 사용자에게 운영하면서, 정적 앱의 작은 변경도 검사·스냅샷·롤백을 거치게 했습니다.
LIVE TRANSLATOR
이 사례의 구축·운영 범위
초대형 운영 앱
LIVE
현재 배포본
2026.09.01.1
백업 일정 등록
CHECK
운영 신호
초대 사용자 전용 서비스
운영 URL은 로그인 관문으로 연결되고 통역 화면은 승인 사용자에게만 열립니다.
SOURCE TRAIL
운영 URL·로그인 리다이렉트 직접 확인WHAT WAS CHECKED
- 통역 URL 접근 시 로그인 화면으로 안전하게 전환됨
- 회원가입은 관리자가 발급한 초대 코드로 제한됨
- 서버가 일일 사용량과 연결 횟수 한도를 판단함
- 통역 토큰의 모델과 목표 언어를 서버가 제한함
CLIENT EFFECT
외부 API 비용과 현장 사용자 접근을 브라우저의 판단에만 맡기지 않습니다.
HONEST BOUNDARY
초대 계정이 필요한 실제 음성 통역 여정은 공개 포트폴리오에서 대신 실행하지 않았습니다.
검증 가능한 원본이 없는 사용자 수·매출·가동률은 성과처럼 채우지 않았습니다. 민감 정보와 내부 주소는 공개 근거에서 제외했습니다.
WORKING EXPERIENCE
정상일 때만이 아니라,끊겼을 때도 직접 확인하세요.
운영 API와 마이크는 연결하지 않고, 실제 앱에서 검증한 대표 상태와 고정 문장을 안전하게 재현합니다.
01 / LANGUAGE PRESET
02 / FIELD CONDITION
상대에게 · ລາວ
내가 말하면 상대 언어로 여기에 표시됩니다.
자막을 탭하면 실제 앱에서는 전체 화면으로 확장됩니다.
나에게 · 한국어
상대의 말이 내 언어로 여기에 표시됩니다.
자막을 탭하면 실제 앱에서는 전체 화면으로 확장됩니다.
데모 세션을 시작해 주세요.
LIVE CAUSAL FLOW
화면 뒤의 움직임도 같이 보입니다.
음성 입력
16kHz · 선택 방향 라우팅
인증·회선 관문
로그인·한도·1회용 출입증
Live 번역
양방향 스트림 · 자동 재연결
자막·음성 출력
큰 자막 · 24kHz 재생
THE FIELD PROBLEM
번역 정확도만으로는 현장에서 쓸 수 없었습니다.
첫 문장 소실, 되울림, 네트워크 단절처럼 실제 사용 중 대화를 멈추게 하는 조건부터 해결했습니다.
첫 문장을 놓치는 회선 대기
화자가 바뀔 때마다 연결하면 준비되는 수 초 동안 첫 문장이 사라집니다. 두 방향을 먼저 열고 선택한 방향에만 음성을 보내야 했습니다.
스피커 소리가 다시 번역되는 되울림
번역 음성을 마이크가 다시 받아 같은 문장을 반복하는 현장 고리를 언어·시간·오디오 상태를 함께 보고 차단해야 했습니다.
네트워크가 끊긴 뒤의 무대응
재연결만 기다리게 하지 않고 타이핑, 이전 문장, 오프라인 필수 문장으로 즉시 전환할 안전 통로가 필요했습니다.
WHAT SHIPPED
버튼 하나가 다음 행동까지 이어지게 만들었습니다.
실시간 통역의 대표 여정과 현장 운영을 위한 보조 기능을 같은 제품 경험 안에 넣었습니다.
연속 통역 · 대화 통역
수업·발표용 연속 통역과 한 휴대폰을 번갈아 쓰는 여행 대화를 상황에 맞게 전환합니다.
78개 언어 선택
자주 쓰는 언어를 먼저 보여주고 아시아·유럽·아프리카·중동 언어까지 한 원본 목록으로 관리합니다.
자막과 번역 음성
상대에게 보여줄 큰 자막과 사용자에게 돌아오는 자막을 색으로 구분하고 번역 음성을 이어 재생합니다.
무중단 회선 교체
새 회선을 미리 준비한 뒤 교체하고, 이전 회선은 음성 꼬리를 받을 동안만 유지해 말의 공백을 줄입니다.
현장 장애 안전 전환
반복 실패에는 타이핑을, 오프라인에는 이전 문장과 24개 필수 문장을 바로 제시합니다.
1분 사전점검 · 5분 품질점검
마이크·실제 출력·양방향 회선을 확인하고 상대 언어 사용자가 의미와 청취 품질을 직접 판정합니다.
기기별 오디오 라우팅
마이크와 두 방향의 출력 장치를 구분하고 블루투스 전환 문제를 화면에서 진단하도록 했습니다.
설치·업데이트 안전장치
PWA로 설치할 수 있고 통역 중이나 오프라인일 때는 업데이트를 보류해 현재 대화를 지킵니다.
SYSTEM BEHIND THE SCREEN
마이크 입력에서 현장 효과까지, 책임을 네 단계로 나눴습니다.
복잡한 백엔드를 정적 도식으로 숨기지 않고, 위 체험의 상태 변화와 같은 순서로 읽을 수 있게 구성했습니다.
01 · 음성 입력
브라우저가 마이크를 16kHz 단일 채널 PCM으로 캡처하고 선택한 방향에만 전송합니다.
02 · 인증·사용량 관문
Node 서버가 로그인과 한도를 확인한 뒤 모델·목표 언어가 고정된 1회용 단기 출입증을 발급합니다.
03 · 양방향 Live 회선
두 실시간 회선을 준비하고 끊김 전에 새 회선으로 교체하며 필요하면 서버 중계로 전환합니다.
04 · 자막·음성·현장 효과
번역 자막과 24kHz 음성을 재생하고 기록·오프라인 문장·상태 안내로 다음 행동을 연결합니다.
PRIVACY & OPERATIONS
통역 내용보다 먼저, 무엇을 남기지 않을지 정했습니다.
설교·수업·대화가 진단 데이터로 변하지 않도록 브라우저의 약속이 아니라 서버의 수집 경계로 막았습니다.
- 표준 API 키는 브라우저에 보내지 않고, 1회용 단기 출입증 또는 서버 중계를 사용
- 서비스워커는 공개 정적 파일만 캐시하고 인증·기록·관리 응답은 저장하지 않음
- 진단 서버는 자막·들린 말·기기 이름을 받지 않고 숫자와 제한된 분류값만 저장
- 대화 기록은 기본 꺼짐이며 사용자가 켜야 저장되고, 끄면 기존 서버 기록도 삭제
HONEST LIMITS
자동화가 증명하지 못한 것은 완료라고 쓰지 않았습니다.
- 이 페이지의 체험은 고정 예시 문장으로 실제 흐름을 재현하며 마이크·운영 API·사용량을 사용하지 않습니다.
- 한국어↔라오어와 한국어↔베트남어는 합성 음성 회선을 계측했지만, 모든 언어의 현장 품질을 보장한다는 뜻은 아닙니다.
- 자동화는 물리적인 휴대폰 스피커·블루투스 출력과 사람이 이해한 의미를 판정할 수 없어 출발 전 실기기 확인이 필요합니다.