Repolode
Niek

Niek/obs-web

obs-websocket으로 OBS Studio의 장면, 방송, 녹화를 관리하는 설치가 필요 없는 브라우저 기반 원격 제어 도구

스타
1,498
포크
178
열린 이슈
7
마지막 커밋
22시간 전

어떤 프로젝트인가요?

OBS-web은 데스크톱이나 모바일의 최신 브라우저에서 OBS Studio를 제어할 수 있는 웹 클라이언트입니다. obs-websocket 서버에 연결해 장면을 전환하고, 방송과 녹화를 시작하거나 중지하고, Replay Buffer를 실행할 수 있습니다. 제어하는 기기에 별도 소프트웨어를 설치할 필요가 없습니다.

인터페이스에는 약 1초마다 갱신되는 실시간 미리보기와 프로그램 출력이 표시됩니다. Studio Mode를 지원하며 프로필, 장면 컬렉션, 사용자 지정 트랜지션도 전환할 수 있습니다. 로컬 네트워크에서 제어할 수 있고, WSS 터널을 통해 인터넷으로 OBS에 접속할 수도 있습니다. URL에 호스트를 지정하면 북마크할 수 있는 딥링크를 만들 수 있습니다.

이 프로젝트는 obs-websocket v5를 사용하는 OBS v28 이상을 대상으로 하며, v4 호환 빌드로 이전 버전도 지원합니다. Svelte로 작성되었으며 npm으로 로컬에서 실행하거나 제공되는 Docker 이미지로 배포할 수 있습니다.

핵심 기능

  • 01브라우저에서 장면을 전환하고 방송과 녹화를 시작하거나 중지
  • 02약 1초마다 갱신되는 실시간 미리보기와 출력 화면
  • 03미리보기 장면과 프로그램 장면을 따로 사용하는 Studio Mode 지원
  • 04Replay Buffer, 프로필, 장면 컬렉션, 사용자 지정 트랜지션 제어
  • 05로컬 네트워크뿐 아니라 WSS 터널을 통한 원격 접속

활용 사례

  • 스튜디오 안을 이동하며 휴대폰이나 태블릿으로 라이브 방송 진행
  • 공동 진행자나 보조 인력이 별도 기기에서 장면을 관리하도록 설정
  • 로컬 네트워크 밖에서 집이나 사무실 컴퓨터의 OBS 제어

빠른 시작

  1. 1

    브라우저에서 호스팅된 앱을 엽니다

  2. 2

    OBS에서 OBS-websocket 서버를 활성화합니다

  3. 3

    Docker 이미지를 실행합니다

    docker run --rm -p8080:8080 ghcr.io/niek/obs-web

사용 전 알아둘 점

  • 표준 설정에는 OBS v28 이상이 필요합니다. 이전 버전에서는 플러그인을 직접 설치하거나 유지 관리되지 않는 v4 빌드를 사용해야 합니다.
  • 로컬 네트워크 외부에서 원격으로 제어하려면 별도의 WSS 터널 서비스가 필요합니다.

토픽

자주 묻는 질문

obs-web은(는) 무엇인가요?
obs-websocket으로 OBS Studio의 장면, 방송, 녹화를 관리하는 설치가 필요 없는 브라우저 기반 원격 제어 도구 OBS-web은 데스크톱이나 모바일의 최신 브라우저에서 OBS Studio를 제어할 수 있는 웹 클라이언트입니다. obs-websocket 서버에 연결해 장면을 전환하고, 방송과 녹화를 시작하거나 중지하고, Replay Buffer를 실행할 수 있습니다. 제어하는 기기에 별도 소프트웨어를 설치할 필요가 없습니다.
obs-web은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
obs-web은(는) GPL-3.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
obs-web은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. obs-web의 마지막 커밋은 2026년 10월 19일입니다.
obs-web은(는) 어디에 사용할 수 있나요?
스튜디오 안을 이동하며 휴대폰이나 태블릿으로 라이브 방송 진행 공동 진행자나 보조 인력이 별도 기기에서 장면을 관리하도록 설정 로컬 네트워크 밖에서 집이나 사무실 컴퓨터의 OBS 제어
obs-web는 어떻게 설치하나요?
브라우저에서 호스팅된 앱을 엽니다 OBS에서 OBS-websocket 서버를 활성화합니다 Docker 이미지를 실행합니다: docker run --rm -p8080:8080 ghcr.io/niek/obs-web
obs-web은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Niek/obs-web

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트