OBS에서 브라우저 소스를 사용하여 위젯과 웹 콘텐츠를 추가하는 방법

OBS의 브라우저 소스 기능을 사용하여 위젯과 웹 콘텐츠를 추가하는 방법을 보여드리겠습니다. 이는 OBS의 가장 뛰어난 기능 중 하나입니다... 녹음 및 방송에 동적 요소를 통합합니다.이전에는 복잡한 설정이 필요했던 시각적 리소스를 이제 손쉽게 활용하여 어떤 장면이든 풍성하게 만들 수 있습니다. 지금 바로 시작해 볼까요?

브라우저 소스란 정확히 무엇인가요?

OBS에서 브라우저 소스를 사용하는 방법은 무엇인가요? 스트리밍을 처음 시작했거나 OBS로 전환한 경우라면 이 부분을 참고하세요. OBS Studio를 이용한 녹화브라우저 소스 기능이 정확히 무엇인지 아는 것은 유용합니다. 예를 들어 다음과 같은 상황을 상상해 보세요. 보이지 않는 웹 브라우저를 만들어서 OBS 장면 안에 배치하세요.마치 또 다른 레이어처럼요. 네, 브라우저 폰트가 바로 그런 역할을 하는 거죠.

OBS는 내부적으로 크롬 렌더링 엔진(구글 크롬과 동일)을 사용하여 사용자가 지정한 URL을 로드하고 표시합니다. OBS의 핵심 기술은 투명성입니다. 웹페이지의 시각적 콘텐츠(텍스트, 그래픽, 애니메이션)만 게임 화면이나 카메라 피드 위에 겹쳐 표시됩니다. 또한, 정적인 이미지와 달리, 브라우저 글꼴은 실시간으로 업데이트될 수 있습니다..

예를 들어 기부 위젯에는 마지막 기부 내역과 채팅창이 표시됩니다. 씌우다, 새 메시지입니다. 또한 다음을 수행할 수 있습니다. 팔로워 수가 어떻게 증가하는지 실시간으로 확인하세요 팔로워 카운터도 포함해서요. 이 모든 걸 아무것도 필요 없이 할 수 있어요. 플러그인 복잡한 기능도 있지만, 사용자는 아무것도 할 필요가 없습니다.

OBS에서 브라우저 소스를 사용하여 위젯과 웹 콘텐츠를 추가하는 방법

이제 OBS에서 브라우저 소스를 사용하여 위젯과 웹 콘텐츠를 추가하는 단계별 과정을 살펴보겠습니다. 브라우저 소스를 통합하는 과정은 간단하며 항상 동일한 단계를 따릅니다. 첫 번째 단계는 OBS 스튜디오를 엽니다. 위젯을 추가하려는 장면에 있는지 확인하세요.

자, 이제 패널에서 출처 (출처) 클릭하세요 "+" 버튼 그리고 선택하세요 브라우저 (브라우저) 드롭다운 메뉴에서 선택하세요. 글꼴 이름을 지정할 수 있는 창이 열립니다. 프로젝트를 체계적으로 관리하기 위해 "알림 위젯" 또는 "화면 채팅"과 같이 설명적인 이름을 지정할 수 있습니다.

클릭하세요 "수용하다" 그러면 글꼴 속성 창이 열립니다. 여기서 위젯의 핵심 부분을 구성해야 합니다.

• URL: 사용 중인 서비스(StreamElements, Streamlabs 등)에서 제공하는 웹 주소를 여기에 붙여넣으세요.
• 너비와 높이가장 일반적인 방법은 전체 화면을 차지하는 위젯에 캔버스 해상도(예: 1920x1080)를 사용하는 것입니다. 채팅이나 카운터와 같은 위젯에는 더 작은 크기를 지정할 수 있습니다.
• FPS: FPS는 애니메이션의 부드러움을 결정합니다. 대부분의 경우 30 FPS면 충분하지만, 매우 복잡한 애니메이션의 경우 60 FPS까지 높일 수 있습니다. FPS 값이 높을수록 CPU 리소스를 더 많이 소모합니다.
• 보이지 않을 때는 소스를 끄십시오.이 옵션을 활성화하면 성능이 최적화됩니다. 이렇게 하면 OBS가 위젯이 없는 장면으로 전환할 때 위젯 처리를 중지하여 시스템 리소스를 절약할 수 있습니다.
• 사용자 지정 CSS이 필드는 고급 사용자를 위한 것입니다. 이 필드를 사용하면 로드된 웹 페이지의 스타일을 수정할 수 있습니다. 예를 들어 요소를 숨기거나 위젯이 기본적으로 지원하지 않는 경우 배경 투명도를 강제로 적용할 수 있습니다.

OBS에서 브라우저 소스 사용하기: 위젯과 웹 요소는 어디에서 찾을 수 있나요?

보시다시피, OBS의 브라우저 소스를 사용하면 스트림과 녹화에 위젯과 웹 콘텐츠를 아주 쉽게 추가할 수 있습니다. 기본 과정과 초기 설정은 간단하지만, 이제 다음 단계를 진행해야 합니다... 창의력을 발휘하여 필요한 요소를 선택하세요.어디서 구할 수 있나요?

동종 플랫폼 중 가장 완벽하고 인기 있는 플랫폼 중 하나는 다음과 같습니다. 스트림엘리먼트. 그곳에서 알림, 화면 채팅, 골 카운터, 이벤트 목록 등 모든 종류의 위젯과 요소를 찾을 수 있으며, 이 모든 것을 제어판에서 관리할 수 있습니다. 맞춤 URL을 받으려면 등록해야 합니다.그런 다음 OBS에 붙여넣으면 됩니다. OBS의 많은 기능은 무료입니다.

또 다른 유사한 출처는 다음과 같습니다. 스트림랩스, 스트리머들을 위한 주요 플랫폼 중 하나이며, 다양한 기능을 제공합니다. 알림 및 채팅과 같은 위젯브라우저 소스를 통해서도 동일한 방식으로 작동합니다. 다음 웹사이트들을 비롯한 여러 웹사이트들은 OBS에서 브라우저 소스를 시작하는 데 좋은 출발점이 될 수 있습니다.

실용적인 활용 사례: 스트림을 변환하는 위젯

브라우저 글꼴은 스트림 상호작용의 기반이 됩니다. 사용할 요소와 위젯의 종류와 개수는 스트리밍 콘텐츠와 시청자에게 전달하고자 하는 목표에 따라 달라집니다. 몇 가지 예를 살펴보겠습니다. 가장 일반적인 응용 프로그램 OBS에서 브라우저 소스를 사용할 때:

알림 및 오버레이

이는 아마도 가장 널리 사용되는 방식일 것입니다. StreamElements와 Streamlabs 같은 서비스들이 이 분야의 선두주자입니다. 이 서비스들을 이용하면 다음과 같은 기능을 사용할 수 있습니다. 맞춤형 알림 디자인하기 누군가가 당신을 팔로우하거나 구독하거나 기부할 때 화면에 나타나는 알림입니다.

화면 채팅 위젯

채팅창을 화면에 표시하는 것은 특히 유튜브와 같은 플랫폼에서 매우 좋은 방법입니다. 시청자들이 영상을 시청할 때도 채팅창을 보여주는 것이 좋습니다. 개울 대형 화면이나 텔레비전에서, 네이티브 채팅을 사용할 수 없는 경우그 외에도 글꼴 크기, 배경 투명도, 메시지 페이드 아웃 속도 및 화면상의 위치를 ​​선택할 수 있습니다.

자막 및 실시간 통역

OBS에서 Browser Source를 사용할 때 시도해 볼 수 있는 가장 흥미롭고 유용한 애플리케이션 중 하나입니다. 다음과 같은 서비스를 이용할 수 있습니다. 스트림번역 허용하다 실시간으로 자막을 생성합니다 사용자가 말하는 내용을 간단한 브라우저 글꼴을 통해 다른 언어로 번역할 수도 있습니다.

서비스에서 제공하는 URL만 있으면 OBS가 자막을 자동으로 표시해 줍니다. 개울, ~할 필요 없이 플러그인 별도의 소프트웨어가 필요하지 않습니다. 정말 훌륭한 도구입니다. 국제적인 시청자들에게 다가가다.

카운터, 표적, 점수판

보여주고 싶으신가요? 구독 목표 또는 타이머모든 것을 위한 위젯이 있습니다. 예를 들어, 라이브 방송 시간을 보여주는 점수판이나 경품 증정 이벤트 카운트다운 타이머를 추가할 수 있습니다. 웹사이트 타이머.링고마.com 이 기능은 사용자 지정 URL과 함께 사용할 수 있는 간단한 타이머를 제공하여 이 기능의 유연성을 보여줍니다.