OBS 라이브 스트리밍
내 언어로 방송하면서 시청자에게는 영상 위에 번역 자막을 보여줄 수 있습니다. Whisperr 웹 앱이 방송 멘트를 실시간으로 받아쓰고 번역하며, 투명한 오버레이 페이지가 OBS의 Browser Source(브라우저 소스)로 자막을 그려 줍니다. 플러그인도, 다운로드도, GPU 인코더 설정 변경도 필요 없습니다. 오버레이 구석에는 작은 QR 코드도 표시되는데, 다른 언어로 읽고 싶은 시청자는 이를 스캔해 Whisperr가 지원하는 어떤 언어로든 휴대폰에서 따라 읽을 수 있습니다.
작동 방식
- Whisperr 웹 앱에서 공유 링크를 켠 채 방송을 시작 — 세션의 라이브 룸이 만들어집니다
- 오버레이 URL을 생성해 OBS에 Browser Source로 추가 — 말하는 대로 번역 자막이 방송 화면에 표시됩니다
- 시청자는 구석의 QR 코드를 스캔 — 휴대폰에서 룸을 열고 자기 언어를 고릅니다
준비물
- Whisperr 계정, Chrome에서 웹 앱에 로그인
- OBS Studio(또는 Streamlabs처럼 Browser Source를 지원하는 아무 방송 프로그램)
- 평소 쓰는 방송 환경 — Twitch, YouTube Live, Kick 등 OBS로 송출할 수 있는 곳이면 어디든
1단계 — 공유 링크를 켜고 방송 시작
웹 앱을 열고 새 녹음을 시작합니다.
- 말할 언어와 방송 화면에 새겨 넣을 번역 언어를 고릅니다
- 오디오 소스를 선택 — 멘트만이라면 마이크 오디오, 게임 소리나 탭 오디오까지 받아쓰려면 마이크 + 화면
- 공유 링크를 켠 다음 녹음을 시작합니다
녹음이 시작되면 공유 패널이 나타나고 탭이 두 개 보입니다. 룸(청취자가 바로 참여할 수 있는 링크와 QR 코드)과 OBS(방송용 오버레이 설정 링크)입니다.
2단계 — 오버레이 설정 페이지 열기
공유 패널에서 OBS 탭을 클릭한 뒤, 설정 링크 옆의 열기 아이콘을 클릭합니다. 아래 이미지에 둘 다 빨간 테두리로 표시해 두었습니다.
오버레이 설정 링크는 이런 모양입니다.
https://whisperr.co/app/overlay/<your-room-id>/choose
설정 페이지에서는 URL을 직접 손볼 필요 없이 방송 자막에 무엇을 보여줄지 고를 수 있습니다.
3단계 — 시청자에게 보여줄 내용을 고르고 URL 생성
- 번역 — 번역된 자막만 표시(보통은 이걸 선택)
- 받아쓰기 — 말한 내용을 그대로 라이브 자막으로 표시
- 둘 다 — 원래 말한 문장 아래에 번역을 붙인 2개 언어 자막
한 번에 화면에 남길 자막 줄 수를 고르고 생성을 누른 뒤 URL을 복사합니다.
OBS에 붙여 넣는 것은 생성된 URL입니다. 설정 페이지 자체의 URL이 아닙니다. 설정 페이지는 구성 화면이라, OBS에 추가하면 설정 카드가 그대로 방송에 나갑니다.
4단계 — OBS에 Browser Source로 추가
OBS에서:
- 소스에서 **+**를 클릭하고 브라우저를 선택
- 생성한 URL을 URL 칸에 붙여 넣기
- 너비와 높이를 캔버스에 맞춤 — 보통 1920 × 1080
- 확인을 누른 뒤, 게임 화면이나 카메라 레이어 위에 소스를 배치
오버레이 배경은 완전히 투명해서, 아무도 말하지 않을 때는 소스가 보이지 않습니다. 로드 후 첫 1분 동안만 흐릿한 상태 표시("Whisperr overlay connected — waiting for captions…", 오버레이 연결됨 — 자막 대기 중)가 떠서 세팅하는 동안 잘 작동하는지 확인할 수 있습니다. 첫 자막이 도착하는 순간 사라지며, 방송 중간에 다시 나타나는 일은 없습니다.
5단계 — 방송 시작
평소처럼 말하면 됩니다. 자막은 실시간으로 방송 화면 위에 나타납니다. 아직 말하는 중인 부분은 살짝 흐리게 표시되다가 받아쓰기가 확정되면 또렷해지고, 끝난 줄은 말을 멈춘 뒤 몇 초 후에 서서히 사라집니다.
구석의 QR 코드
화면에 새겨진 자막은 모두에게 보이지만, 언어는 하나뿐입니다. 구석의 QR 코드는 시청자의 휴대폰에서 라이브 룸을 열어 주고, 시청자는 거기서 자기 언어를 골라 읽을 수 있으며 텍스트 음성 변환으로 들을 수도 있습니다. 기본으로 켜져 있고 설명 문구는 "Scan to read in your language"(스캔해서 내 언어로 읽기)입니다. 아래 URL 파라미터로 원하는 대로 바꿀 수 있습니다(예: 시청자 언어에 맞춘 문구를 ?qrlabel=로 지정하거나, ?qr=0으로 숨기기).
오버레이 커스터마이즈
OBS 브라우저 소스는 클릭할 수 없기 때문에 모든 옵션이 URL 파라미터입니다. 생성한 URL 뒤에 &로 이어 붙이세요.
| Parameter | Default | 하는 일 |
|---|---|---|
mode | translation | translation(번역), transcription(받아쓰기), both(둘 다) 중 선택 |
lines | 2 | 한 번에 표시되는 자막 줄 수(1–6) |
size | 42 | 글자 크기 px(12–120) |
color | ffffff | 글자 색 — # 없는 16진수 또는 CSS 색 이름 |
bg | 0 | 각 줄 뒤 배경의 불투명도 0–1(0은 글자 그림자만) |
hold | 8 | 확정된 줄이 화면에 남는 시간(초, 1–60) |
align | bottom | 자막 위치 — bottom(아래) 또는 top(위) |
lang | (all) | 특정 번역 언어만 표시(예: lang=es) |
qr | on | qr=0이면 구석의 QR 코드 숨김 |
qrsize | 132 | QR 코드 크기 px(64–400) |
qrpos | br | QR 코드 위치: br, bl, tr, tl |
qrlabel | Scan to read in your language | QR 코드 아래 문구. qrlabel=(빈값)이면 코드만 표시 |
예를 들어, 더 큰 노란 자막을 위쪽에 QR 코드 없이 표시하려면:
https://whisperr.co/app/overlay/<room-id>?size=56&color=ffcc00&align=top&qr=0
팁과 문제 해결
- OBS에서 소스에 아무것도 안 보일 때 — Browser Source를 우클릭해 현재 페이지의 캐시 새로고침을 선택하세요. 상태 표시가 "connecting…"(연결 중)에서 멈춰 있으면 네트워크를 확인하세요. "waiting for captions"(자막 대기 중)라고 떠 있다면 오버레이는 정상이고, Whisperr 세션이 아직 음성을 보내지 않고 있을 뿐입니다.
- 방송마다 룸이 새로 만들어집니다 — 녹음 세션마다 새 룸 ID가 발급되므로, 새 방송을 시작하면 오버레이 URL도 새로 생성하거나, 방송 내내 같은 Whisperr 세션을 유지하세요.
- 무료 플랜 세션은 2분까지입니다 — 실제 방송에서는 방송 시간 내내 세션을 유지할 수 있는 업그레이드 플랜이 필요합니다.
- 여러 언어로 번역하고 싶다면? —
lang=로 한 언어만 방송 화면에 새겨 넣고, 나머지 시청자에게는 QR 코드를 쓰게 하세요. QR 코드가 바로 그걸 위해 있습니다.