방송 타이머 오버레이

OBS와 스트림랩스용 카운트다운, 카운트업, 서브시톤, 시작 대기 타이머. 내 색과 글꼴을 쓰는 투명 브라우저 소스.

100% 비공개 — 전적으로 브라우저에서 실행됩니다. 데이터는 사용자의 기기에서 처리되며 인터넷으로 전송되지 않습니다.

실제 오버레이입니다. 네모 무늬는 투명한 곳을 보여 줍니다. 설정을 바꾸면 다시 시작합니다. 클릭하면 아래 키를 써 볼 수 있습니다.

새 탭에서 열기

무엇을 보여 줄까요?

시간 길이

글자 스타일
글줄
0이 되면
브라우저 소스 크기

OBS Studio에 추가

  1. 위의 주소 복사를 누르세요.
  2. OBS의 소스 아래에서 +를 누르고 브라우저를 고른 뒤 확인을 누르세요.
  3. URL 칸에 주소를 붙여 넣으세요.
  4. 너비를 1920, 높이를 1080로 정하세요.
  5. 확인을 누르세요. 소스를 원하는 곳으로 끌어 놓으세요.

Streamlabs Desktop에 추가

  1. 위의 주소 복사를 누르세요.
  2. 소스 옆의 +를 누르고 브라우저 소스를 고른 뒤 소스 추가를 누르세요.
  3. URL 칸에 주소를 붙여 넣으세요.
  4. 너비를 1920, 높이를 1080로 정하세요.
  5. 완료를 누르세요.

방송 중에 타이머 조작하기

OBS가 오버레이를 따로 실행하므로 이 페이지에서는 조작할 수 없습니다. OBS에서 소스를 오른쪽 클릭하고 Interact를 고르세요. 그 창 안을 클릭한 뒤 이 키를 쓰세요. 방송 화면에 바뀐 내용이 나옵니다.

Space일시정지 또는 계속 (클릭도 같음)
R다시 시작
+ -1분 더하기 또는 빼기
] [5분 더하기 또는 빼기
↑ ↓10초 더하기 또는 빼기

시각까지 카운트다운은 시계를 따르므로 이 키가 작동하지 않습니다.

방송 타이머 오버레이 소개

방송 화면의 타이머는 시청자에게 다음에 일어날 일을 알려 줍니다. 방송이 5분 뒤에 시작하고, 10분 뒤에 돌아오고, 이벤트가 밤 9시에 끝난다는 것처럼요. 이 도구는 그 타이머를 웹 주소로 만들어 줍니다. 주소를 OBS나 스트림랩스에 브라우저 소스로 붙여 넣으면 타이머가 투명한 배경으로 방송에 나옵니다.

여기서 설정을 고르고 미리보기에서 실제 오버레이를 확인하세요. 가입도, 설치할 것도 없습니다. 모든 설정이 주소 안에 들어 있어서 서버에는 아무것도 저장되지 않습니다.

오버레이는 광고도 추적도 없는 작은 별도 페이지입니다. OBS는 그 페이지만 불러오고 이 설정 페이지는 불러오지 않습니다.

기능

  • 모드 7가지 — 카운트다운, 카운트업, 시각이나 날짜까지, 서브시톤, 곧 시작·잠시 자리 비움·방송 종료 화면
  • 투명한 배경 — 전체 화면용으로 단색을 고를 수도 있습니다
  • 내 스타일 — 글꼴 18가지, 크기, 색, 외곽선, 그림자, 정렬, 위나 아래의 글줄
  • 0이 되면 할 일 선택 — 00:00에 멈춤, 글 보여 주기, 빨간색 카운트업, 숨기기
  • 0이 되면 나는 소리(선택) — 삐 소리, 종소리, 경적, 기본값은 끔
  • OBS Interact 키 — 일시정지, 다시 시작, 시간 더하기와 빼기
  • 시간 유지 — 새로고침해도 타이머가 다시 시작하지 않습니다
  • 실시간 미리보기 — 체크무늬 위의 실제 오버레이를 쓰는 크기로 봅니다

사용 방법

  • 모드를 고르고 시간을 정하세요
  • 글꼴, 색, 글줄을 고르고 미리보기를 보세요
  • 0이 되면 할 일을 고르고 끝 장면 테스트를 눌러 확인하세요
  • 주소 복사를 누르세요
  • OBS에서 브라우저 소스를 추가하고 주소를 붙여 넣은 뒤 페이지에 나온 너비와 높이를 정하세요
  • 일시정지하거나 시간을 더하려면 소스를 오른쪽 클릭하고 Interact를 고르세요

OBS에서 어떤 크기를 쓸까요?

OBS에 입력하는 크기는 오버레이 페이지의 크기입니다. 이 도구의 글자 크기도 같은 공간에서 잽니다.

방송너비 × 높이적합한 용도
전체 화면 1080p1920 × 1080대부분의 방송, 전체 화면
전체 화면 720p1280 × 720720p 캔버스
세로1080 × 1920틱톡이나 쇼츠 스타일
작은 상자800 × 300타이머만, 어디든 옮기기

글이 너무 넓으면 오버레이가 알아서 줄여서 맞춥니다. OBS에서 소스를 늘리지 마세요. 글자가 흐려집니다.

방송 중에 타이머 조작하기

브라우저 소스는 OBS 안에서 따로 실행되어서 이 웹 페이지가 닿을 수 없습니다. 그래서 조작은 오버레이 안에 있습니다. OBS에서 소스를 오른쪽 클릭하고 Interact를 고르세요. 열린 창 안을 클릭한 뒤 키를 쓰세요.

키하는 일
Space 또는 클릭일시정지 또는 계속
R다시 시작
+ 와 -1분 더하기 또는 빼기
] 와 [5분 더하기 또는 빼기
위·아래 화살표10초 더하기 또는 빼기

시각까지 카운트다운은 시계를 따르므로 조작할 수 없습니다.

새로고침하면 어떻게 되나요?

하는 일시간은 어떻게 되나
OBS에서 소스 새로고침계속 흐름
OBS를 닫고 6시간 안에 다시 열기계속 흐름, OBS가 닫혀 있던 동안도 포함
OBS를 닫고 6시간이 지나 다시 열기정한 시간부터 다시 시작
설정을 바꾸고 새 주소 붙여 넣기정한 시간부터 다시 시작
시각까지 카운트다운시계를 따르므로 항상 맞음

일시정지한 타이머는 새로고침 뒤에도 정지 상태입니다. 저장된 시간은 OBS의 브라우저 데이터에 있습니다. OBS가 그 데이터를 지우면 타이머는 다시 시작합니다. 시각까지 카운트다운은 예외입니다.

자주 묻는 질문

서브시톤 타이머는 구독이나 후원에서 시간을 더해 주나요?

아니요. OBS Interact의 키로 직접 시간을 더합니다. 이 도구는 Twitch, YouTube, 후원 서비스에 연결되지 않고 계정도 필요 없습니다. 단순하고 비공개로 유지되는 대신 누군가 키를 눌러야 합니다.

내 방송에서 소리가 안 나는 이유는?

브라우저 소스는 설정에서 OBS를 통해 오디오 제어를 체크해야만 소리를 방송에 보낼 수 있습니다. 그러면 오디오 믹서에 보입니다. 내가 들으려면 오디오 모니터링을 "모니터링 및 출력"으로 하세요. 주소를 일반 브라우저 탭에서 열었다면 페이지를 한 번 클릭하세요. 브라우저는 클릭하기 전에는 소리를 막습니다.

이 페이지에서 타이머를 시작할 수 있나요?

아니요. 이 페이지는 주소만 만듭니다. 시계는 OBS가 처음 주소를 열 때 시작합니다. 정한 시각에 시작하려면 Interact에서 R을 누르거나 시각까지 카운트다운을 쓰세요.

다른 사람이 내 설정을 볼 수 있나요?

주소를 공유할 때만 볼 수 있습니다. 설정이 주소 안에 있기 때문입니다. 내 글은 어떤 서버로도 보내지 않습니다. Google Fonts를 고르면 내 컴퓨터가 Google에서 그 글꼴을 내려받습니다.

알아 두면 좋은 점

  • 오버레이는 OBS를 실행하는 컴퓨터의 시계를 쓰니 시계가 맞는지 확인하세요
  • 이 페이지는 마지막 설정을 이 브라우저에 기억합니다

관련 도구

새로운 도구를 꾸준히 추가하고 있습니다 — 공개될 때 알림을 받으려면 YouTube에서 구독하세요.

다른 도구

전체 보기

추천 앱

전체 보기