분류 기타

OBS에서 내 Twitch 라이브 코딩 설정

컨텐츠 정보

  • 조회 358 (작성일 )

본문

Twitch에서 라이브 코딩을 스트리밍 할 때 MacBook Pro에서 코딩하고 맞춤형 PC 빌드에서 OBS를 통해 스트리밍합니다. 시간이 지남에 따라 내 스트림에 추가한 다양한 야생 오버레이를 감안할 때 OBS를 스트리밍 하도록 설정하는 방법에 대한 질문을 자주 받으므로 살펴 보겠습니다.


이 기사는 OBS 사용법에 대한 튜토리얼이 아니라, 일반적인 질문에 답하기 위해 p4nth3rHQ의 무대 뒤 영역으로 들어가는 창입니다.


이 기사는 스트리밍 PC가 폭발하는 경우에도 도움이 될 것입니다.


라이브 중 스트림을 모니터링 하는 방법 


A screenshot of what I see in OBS when I am streaming live on Twitch 


OBS의 UI 도크와 Twitch Stream Manager의 조합을 통해 스트림을 모니터링 합니다. MacBook Pro 화면에서 볼 수 있습니다. 두 화면에서 활동을 모니터링 하면 채팅 활동이나 요청 대기열의 항목을 놓칠 가능성이 적습니다.


내가 Twitch Stream Manager에서 모니터링 하는 것 중 가장 중요한 부분은 내 시청자가 보는 것입니다 (OBS에서 보는 것에 비해 항상 약간 지연됨). 이렇게 하면 스트림이 끝날 때 레이드 시간을 정확하게 기록 할 수 있고 시각적 / 프레임 속도 문제도 알 수 있습니다.


다음을 포함하여 OBS에서 사용할 수 있는 다양한 구성 가능한 UI 도크를 사용합니다.

  • Twitch 채팅
  • Twitch 통계
  • Twitch 요청 대기열
  • Twitch 활동 피드
  • 캡션 모니터 (Google Cloud 캡션 플러그인 제공)

구성 요소 및 합성 장면 


OBS의 장면 컬렉션을 구성 요소 장면 세트로 구성하여 합성 장면에서 쉽게 재사용 할 수 있습니다.


스트림에 표시 될 합성 장면의 경우 [SCENE], 구성 요소의 경우 [C] 등과 같이 빠른 시각적 식별을 위해 모든 장면 이름에 레이블을 붙입니다. 또한 구성 요소 장면 목록을 "-------"라는 빈 장면이 있는 범주로 분리했습니다.


A screenshot of the full list of component and composite scenes I use in OBS 


내가 스트림에서 사용하는 합성 장면 

  • Pre-roll
  • Chatting
  • Coding
  • Intermission
  • Other scenes

Pre-roll 


An animated gif of the starting soon screen I use when live streaming on Twitch 


이것이 바로 라이브 버튼을 눌렀을 때 보게 될 장면입니다. 이 장면을 약 5 분 동안 그대로 두고 사람들을 음성으로 스트림으로 환영합니다. 저는 보통이 장면에 웹캠 캡처를 표시하지 않지만 가끔씩 카메오 출연으로 청중을 놀라게 합니다.


OBS에서 표시되는 방식은 다음과 같습니다.


A screenshot of the pre-roll composite scene components in OBS 


[C] essentials 컴포넌트 장면은 최종 전송 장면을 제외한 모든 합성 장면에 나타나는 브라우저 소스 모음으로, 다음으로 구성됩니다.

  • Streamlabs alert box (which I only use for host alerts)
  • Giveaway Friday overlay
  • Footer overlay
  • Chat overlay
  • p4nth3rdrop overlay
  • troll alert component scene (comprising a number of .mov files)

A screenshot of my essentials component scene that I add to every composite scene 


경품, 바닥 글 및 채팅 오버레이는 p4nth3rlabs에서 제공하는 반면, p4nth3rdrop (Twitch 채팅 명령으로 구동되는 이모티콘 비)은 자체 포함 된 애플리케이션입니다.


[C] 팬더 정적 오버레이는 장면의 배경에서 볼 수 있는 두 개의 큰 반투명 팬더가 포함 된 구성 요소 장면입니다. 곧 시작되는 [배너]와 [팬더] 장작이 화면 중앙에 있습니다.


Geo Loop는 역동적인 기하학적 투명한 배경입니다. 이것은 제가 한 번 시도해 보았지만 고정 된 것입니다. 아직 자체 구성 요소 장면에 넣을 필요가 없었습니다.


p4nth3rlabs 경고 브라우저 소스는 각 합성 장면에 별도의 구성 요소로 추가됩니다. 모든 장면에 경고를 표시하고 싶지만 브라우저 소스는 장면에 따라 다르게 배치되어야 하므로 필수 항목과 분리되어 있습니다. 이것은 또 다른 독립형 애플리케이션 인 p4nth3rball의 경우에도 마찬가지입니다.


기분에 따라 [BG] 검정 또는 [BG] 빨강 무늬 배경을 사용합니다. 쉽게 전환 할 수 있도록 장면에 두 구성 요소를 모두 둡니다. 많은 장면에서 이러한 유형의 작업을 수행합니다.


Chatting 

An animated gif of a loop from my live Twitch stream that shows me in my chatting scene 


나는 주로 스트림의 시작과 끝에서 이 장면을 사용합니다. 여기에는 프리 롤 장면에서 언급 된 모든 필수 요소와 별도의 구성 요소가 포함되어 있으며 Streamlabs의 크레딧 브라우저 소스가 포함되어 있습니다.이 소스는 스트림 끝에서 사용자 지정 스타일 크레딧을 표시하는 데 사용합니다. OBS에서 표시되는 방식은 다음과 같습니다.


A screenshot of my chatting composite scene details from OBS 


Coding 


An animated gif of a short part of a live Twitch stream where I am coding and receiving a subscription alert 


이것이 제가 대부분의 스트림에서 보여줄 장면입니다. 이 장면에는 모든 필수 항목, p4nth3rlabs 경고 및 두 개의 [Capture] 소스 구성 요소 장면이 포함되어 있습니다. Elgato HD60 S Capture Card 1080p를 사용하여 메인 모니터 (MacBook Pro에 연결되어 있음)의 출력을 스트리밍 PC로 보냅니다.


[캡처] 메인 컴포넌트 씬은 스트리밍 할 때 바로 앞에 보이는 메인 1080p 모니터의 전체 캡처입니다.


[Capture] Pixelated 화면 구성 요소는 현재 개인 정보 보호 화면으로, 화면을 숨길 필요가 있을 때 개인 정보 필터 뒤에서 동적으로 움직일 수 있습니다. 이것은 스케일링 / 종횡비 필터가 적용된 메인 모니터의 또 다른 캡처를 포함하는 별도의 구성 요소 장면입니다. Luce Carter의 이 게시물을 읽고 어떻게 설정했는지 확인하십시오.


컴포지트 씬 내부의 컴포넌트 씬 순서는 신중하게 고려해야 할 사항입니다. 예를 들어, 코딩 장면에서 [Cam] Main이 [C] 경고 위에 있어야 경고 배너가 내 얼굴을 가리지 않습니다.


An animated gif of a shot from my live Twitch stream that shows my pixelated privacy screen 


OBS에서 표시되는 방식은 다음과 같습니다.


alt="A screenshot showing the components that make up my coding composite scene in OBS" 


Intermission 


An animated gif showing the intermission scene that I use during my Twitch live streams 


중간 장면은 배너와 팬더가 꺼진 프리 롤 장면과 거의 동일합니다. OBS에서 표시되는 방식은 다음과 같습니다.


A screenshot of my intermission composite scene I use whilst live streaming on Twitch in OBS 


Other scenes 

  • [장면] 최종 전송은 스트림이 끝날 때를 위한 것입니다. 일반적으로 레이드 전 몇 초 동안 만 표시됩니다.
  • 어떤 이유로 든 화면 왼쪽 (채팅 옆)으로 얼굴을 이동해야 하는 경우 [SCENE] 코딩 CAMR을 사용합니다.
  • [SCENE] 코딩 CAMSMALL은 시청자에게 내 머리 뒤에 무언가를 보여줄 필요가 있을 때 웹캠 캡처를 작게 만드는 데 사용됩니다. [SCENE] 코딩의 직접적인 사본이지만 웹캠 구성 요소가 훨씬 작아졌습니다.
  • [SCENE] 코딩 GUEST는 스트림에 게스트가 있을 때 융통성 있는 장면으로, 대부분 [SCENE] 코딩과 중복됩니다.
  • [SCENE] 해킹은 제가 요즘 사용하지 않는 프라이버시 장면 이었는데요.

Stinger 

A gif of the stinger I used for my scene transitions in OBS 


저는 최근에 모든 장면을 전환하는 데 사용하는 Gaming Careers의이 튜토리얼을 사용하여 스팅어를 만들었습니다. 다음은 OBS의 전환 설정입니다.


A screenshot of the transition settings I use for my stream scenes in OBS 


Audio 


Elgato Wave 1 USB 콘덴서 마이크와 함께 제공되는 Wave Link 소프트웨어를 사용하여 OBS에서 대부분의 오디오를 제어합니다. 여러 채널 (마이크, 시스템 사운드, Discord의 음성 채팅, Mac의 오디오 캡처)에서 오디오 입력을 Wave Link 스트림 출력 또는 WLS를 통해 스트림 용 하나의 출력으로 보내도록 Wave Link를 설정했습니다.


다음은 최종 전송을 제외한 모든 스트리밍 장면에 추가되는 메인 [A] 오디오 믹스 구성 요소 장면에 추가 된 두 개의 오디오 채널입니다.

A screenshot of the audio component scene in OBS which I add to every composite scene 


다음은 Wave Link 소프트웨어 설정입니다. Wave Link 마이크는 오디오 인터페이스 역할을 하며 이 소프트웨어를 사용하면 오디오 채널 레벨을 개별적으로 제어 할 수 있습니다. 헤드폰이 마이크에 연결되어 있고 인터페이스를 통해 스트림에 출력 되는 오디오 레벨과 관계없이 헤드폰에서 듣는 레벨을 제어 할 수 있습니다.

A screenshot of the Wave Link audio interface software showing the channels I add to my main stream audio channel 


Pretzel 애플리케이션을 통해 재생되는 음악은 별도의 오디오 채널로 추가되므로 압축 필터를 통해 말하는 동안 음악 레벨을 자동으로 낮출 수 있습니다.이를 오디오 더킹이라고 합니다.


말하는 동안 배경에서 음악을 재생하는 경우 오디오 더킹은 스트림의 제작 품질을 크게 향상 시킬 수 있는 정말 강력한 기능입니다. 다음 설정으로 음악 오디오 채널에 압축 필터를 추가합니다. 즉, WLS 채널에서 오디오가 출력 될 때마다 음악 채널의 볼륨이 낮아집니다.


A screenshot of the settings I use for audio ducking in OBS 


또한 WLS 채널에서 압축 필터를 사용하여 마이크 입력에서 일부 배경 소음을 필터링 합니다.


A screenshot showing the compression filter settings I use on the main audio channel of the stream 


Wave Link 소프트웨어를 사용하여 오디오 채널을 관리 할 때 OBS의 모든 글로벌 오디오 장치를 비활성화하고 모니터링 장치를 마이크 / 오디오 인터페이스에 연결된 헤드폰으로 설정합니다.

A screenshot showing the global audio settings I use in OBS 


고급 오디오 설정에서 구성 요소 장면 (브라우저 소스)에서 생성 된 3 개의 오디오 소스를 모니터 및 출력으로 설정하여 팔로워 알림 및 채팅 제어 오버레이 변경과 같은 시청자가 스트림에서 듣는 것을 모니터링 할 수 있습니다.


A screenshot showing the advanced audio mixer settings in OBS 


Stream Settings 


현재 저는 60fps에서 1080p로 2500kpbs로 스트리밍 합니다.


A screenshot of the output settings I use in OBS 


A screenshot of the video settings I use in OBS 


OBS Plugins 


Cloud Closed Captions 


Cloud Closed Captions 플러그인을 사용하여 스트림에서 시청자에게 자막을 제공합니다. 정말 신뢰할 수 있다는 것을 알게 되었고 UI 도크에서 스트리밍 하는 동안 생성 된 캡션을 모니터링 할 수 있다는 사실이 마음에 듭니다.


A screenshot showing the captions settings I use in OBS 


Elgato Remote Control 


이 플러그인을 Elgato Stream Deck XL과 함께 사용합니다.


다음으로 Elgato Stream Decks를 사용하는 방법에 대한 심도 있는 게시물을 작성하겠습니다. 계속 지켜봐 주세요!


https://dev.to/whitep4nth3r/my-twitch-live-coding-setup-in-obs-4he0