OBS Studio에 타이머 넣는 방법
- 위에서 타이머를 설정하고 URL 복사를 클릭합니다.
- OBS의 소스 목록 아래에 있는 +를 클릭하고 브라우저를 선택합니다. 이름은 “카운트다운”처럼 알아보기 쉽게 정하세요.
- URL 칸에 링크를 붙여 넣습니다.
- 너비와 높이에는 링크 아래에 표시된 크기를 입력합니다 (바꾸지 않았다면 800 × 300). 사용자 지정 CSS는 그대로 두세요. 배경을 투명하게 유지하는 설정입니다.
- 소리를 쓴다면 OBS를 통해 오디오 조절에 체크하세요. 알람이 오디오 믹서에 따로 표시되고 시청자에게도 들립니다. 본인도 듣고 싶다면 오디오 고급 설정에서 이 소스의 오디오 모니터링을 켜세요 (“모니터링 켜짐”).
- 확인을 누르고 장면에서 원하는 위치로 타이머를 옮깁니다.
팁: 장면이 활성화되면 브라우저를 새로고침에 체크하면 그 장면으로 전환할 때마다 카운트다운이 처음부터 시작됩니다. “곧 시작합니다”와 “잠시 자리 비움” 장면에 딱 맞습니다.
처음부터 다시? 이어서? 장면이 활성화되면 브라우저를 새로고침이나 소스가 보이지 않는 경우 종료에 체크되어 있으면 OBS가 페이지를 다시 불러오고 카운트다운도 처음부터 시작됩니다. 후원 연장 방송처럼 긴 타이머라면 새로고침 후에도 이어서 진행을 켜거나 지정 시각까지 모드를 쓰세요. 둘 다 다시 불러온 뒤에도 남은 시간을 정확하게 보여 줍니다.
Streamlabs, Meld, XSplit, TikTok LIVE Studio에서도 사용 가능
오버레이는 평범한 웹페이지라서 브라우저 소스를 지원하는 방송 프로그램이라면 어디서든 표시할 수 있습니다. Streamlabs Desktop에서는 Browser Source, XSplit에서는 Webpage 소스, Meld Studio에서는 Browser 레이어, TikTok LIVE Studio에서는 Link 소스를 추가하고 같은 URL과 같은 너비·높이를 쓰면 됩니다. 웹 소스를 지원하는 다른 방송 프로그램도 마찬가지입니다. 틱톡 세로 방송에는 세로형 크기(1080 × 1920)를 고르세요. TikTok LIVE Studio의 Link 소스가 비어 있다면 링크 끝에 &v=2를 붙이는 등 값을 조금 바꾸면 다시 불러옵니다.
“방송을 시작할 때” 자동 시작은 OBS의 기능을 사용하므로 OBS Studio와 Streamlabs Desktop에서 동작합니다. 다른 프로그램에서는 소스가 로드되는 즉시 타이머가 시작됩니다. 치지직, SOOP, 유튜브 등 어느 플랫폼으로 송출하든 타이머는 방송 화면의 일부로 그대로 나갑니다.
내 방송에 맞는 모드
- 카운트다운: 5분, 10분처럼 정해진 시간. “곧 시작합니다”, “잠시 자리 비움”이나 짧은 챌린지에 좋습니다.
- 지정 시각까지: 20:00 같은 시각까지 카운트다운합니다. OBS를 미리 켜 두어도 공지한 방송 시간과 어긋나지 않습니다.
- 스톱워치: 시간을 올려서 셉니다. 방송 시간 표시(“방송 시간 1:23:45”)나 챌린지, 스피드런 기록에 쓰세요.
- 방송 진행표: 토크, 메인 게임, 휴식, 엔딩처럼 이름이 붙은 구간을 차례대로 진행합니다. 이름은 자동으로 바뀝니다.
- 뽀모도로: 캠스터디와 작업 방송을 위한 집중·휴식 블록입니다. 4블록마다 긴 휴식도 넣을 수 있습니다.
방송 중에 타이머 조작하기
OBS에서 소스를 마우스 오른쪽 버튼으로 클릭하고 상호작용을 선택하세요. 그 창에서 다른 프로그램 없이 타이머를 조작할 수 있습니다.
| 조작 | 동작 |
|---|---|
| 클릭 | 일시정지 또는 다시 진행 (시작이 “클릭해서 시작”이면 시작) |
| 더블클릭 또는 R | 처음부터 다시 |
| N | 다음 단계로 이동 |
| + / - | 1분 늘리기 / 줄이기 |
| ↑ / ↓ | 10초 늘리기 / 줄이기 |
클릭은 모든 OBS 버전에서 동작합니다. 키보드 단축키는 버전에 따라 안 될 수 있고 macOS에서는 페이지까지 전달되지 않기도 하니, 애매하면 마우스를 쓰세요. 시간 추가는 후원 연장 방송이나 방송이 몇 분 더 필요할 때 유용합니다.
Streamer.bot이나 Stream Deck으로 원격 제어하기
OBS는 내장 WebSocket 서버를 통해 브라우저 소스에 이벤트를 보낼 수 있습니다. 그래서 OBS를 열지 않고도 다른 프로그램에서 타이머를 조작할 수 있습니다. Streamer.bot, Stream Deck 플러그인, 그 밖의 obs-websocket 클라이언트에서 vendor는 obs-browser, 요청 종류는 emit_event로 해서 다음 데이터로 CallVendorRequest를 보내세요.
{"event_name": "finaltimer", "event_data": {"action": "add", "seconds": 300}}사용할 수 있는 동작은 start, pause, resume, toggle, restart, next, add(seconds 또는 minutes와 함께, 음수는 시간을 줄입니다)입니다. 타이머를 여러 개 쓴다면 각각에 오버레이 ID를 정하고 데이터에 "id": "subathon"을 넣으세요. 그 타이머만 반응합니다. 예를 들어 후원 연장 방송이라면 후원이 들어올 때마다 5분을 더하는 Streamer.bot 액션을 만들면 됩니다.
깔끔한 오버레이를 위한 팁
- 게임 화면 위에 올릴 때는 테두리나 부드러운 그림자를 고르세요. 밝고 복잡한 배경에서도 숫자가 잘 보입니다.
- 타이머를 키우고 싶다면 모서리를 끌지 말고 소스 속성에서 너비와 높이를 바꾸세요. “소스 크기에 맞추기”를 켜 두면 새 크기에서도 숫자가 선명합니다.
- 긴 타이머에는 새로고침 후에도 이어서 진행을 켜세요. 프로그램이 멈추거나 OBS를 다시 시작하거나 새로고침해도 후원 연장 시간이 초기화되지 않습니다.
- 오버레이는 컴퓨터에 이미 설치된 글꼴을 사용합니다. 다른 서버에서 아무것도 내려받지 않으며 페이지 용량은 몇 킬로바이트에 불과합니다.
- 오버레이 페이지에는 광고, 추적, 워터마크가 없습니다. 개인정보 없이 오버레이가 몇 번 로드되었는지만 셉니다.
고급 사용자를 위한 URL 파라미터
위에서 설정한 내용은 모두 링크에 들어 있으므로 직접 고쳐 쓸 수도 있습니다. 주요 파라미터는 다음과 같습니다.
| 파라미터 | 예시 | 의미 |
|---|---|---|
mode | down, until, up, seq, pomo | 카운트다운, 지정 시각까지, 스톱워치, 방송 진행표, 뽀모도로 |
t | 10m, 1h30m, 5:00 | 카운트다운 시간 |
at | 20:00 | “지정 시각까지”의 목표 시각 |
step | 5m~곧 시작합니다 | 방송 진행표의 한 단계 (단계마다 반복) |
work, brk, long, every, cycles | 25m, 5m, 15m, 4, 4 | 뽀모도로: 집중, 휴식, 긴 휴식, 긴 휴식 간격, 블록 수 |
title, end | 아무 텍스트 | 타이머 위 제목, 0이 됐을 때 텍스트 |
after | text, stay, hide, over | 0이 됐을 때의 동작 |
style | plain, pill, bar, ring | 타이머 모양 |
color, accent, bg | ffffff | # 없이 쓰는 16진수 색상 |
sound, vol | alarm3, 80 | 0이 됐을 때 소리와 음량(%) |
start | load, stream, click | 타이머 시작 시점 |
resume | 1 | 새로고침 후에도 이어서 진행 |
beep | 3 | 마지막 몇 초 비프음 |
id | subathon | 이벤트 원격 제어용 이름 |
목록에 없는 글꼴이나 색상을 쓰고 싶다면 소스의 사용자 지정 CSS에 .ov-time { font-family: "원하는 글꼴"; }, .ov-title { letter-spacing: .05em; } 같은 규칙을 넣으면 됩니다.
자주 묻는 질문
OBS 타이머는 무료인가요?
네. 오버레이는 완전히 무료이고 계정이 필요 없으며 워터마크나 광고도 표시되지 않습니다. 타이머는 원하는 만큼 만들 수 있습니다.
장면을 바꿔도 카운트다운이 계속되나요?
네. OBS가 소스를 불러온 상태로 두는 동안 계속되며, 기본 설정이 그렇습니다. “소스가 보이지 않는 경우 종료”를 켜 두었다면 다시 보일 때 페이지를 새로 불러옵니다. 이때도 “새로고침 후에도 이어서 진행”이나 “지정 시각까지” 모드를 쓰면 남은 시간이 정확하게 표시됩니다.
알람이 들리지 않아요.
소리가 선택되어 있는지, 소스 속성에서 “OBS를 통해 오디오 조절”에 체크되어 있는지, 오디오 믹서에서 소스가 음소거되어 있지 않은지 확인하세요. 일반 브라우저 탭에서는 페이지를 한 번 클릭해야 소리가 납니다.
방송을 시작하면 자동으로 시작되게 할 수 있나요?
네. 시작을 “방송을 시작할 때”로 설정하세요. 타이머가 기다리다가 OBS가 방송을 시작하는 순간 시작됩니다. OBS 밖에서 열면 바로 시작됩니다.
Streamlabs, Meld, TikTok LIVE Studio에서도 되나요?
네. 브라우저 소스나 웹 소스가 있는 프로그램이라면 오버레이를 표시할 수 있습니다. 같은 링크를 붙여 넣고 이 페이지에 나온 너비와 높이를 쓰세요. 방송 시작 시 자동 시작은 OBS Studio와 Streamlabs Desktop에서 동작합니다.
후원이 들어오면 자동으로 시간을 더할 수 있나요?
네. 구독이나 후원에 반응하는 Streamer.bot 같은 프로그램을 쓰면 됩니다. 프로그램이 OBS의 WebSocket 서버로 이벤트를 보내면 타이머가 시간을 더합니다. 저희 쪽에서는 계정이나 방송 플랫폼 계정 연동이 필요 없습니다.
시청자도 같은 시간을 보나요?
네. 타이머는 내 컴퓨터에서 그려져 방송 화면의 일부로 송출됩니다. 시청자는 어디에 있든 내 화면과 똑같은 시간을 봅니다.
데이터를 수집하나요?
오버레이 페이지는 광고, 분석 도구, 쿠키를 전혀 불러오지 않습니다. 로드된 오버레이 수를 익명으로 세는 카운터만 올라갑니다. 설정은 링크 안에 들어 있습니다.