Streamlabs 도네이션 위젯을 StreamElements로 이전하기

이전 전에 확인할 사항

Streamlabs와 StreamElements는 서로 다른 관리 패널을 사용하며 설정을 저장하는 방식도 다릅니다. 따라서 도네이션 위젯을 버튼 하나로 완전히 이전하는 것은 일반적으로 불가능합니다. 안전한 방법은 설정을 수동으로 저장하고, StreamElements에서 새 구성을 만든 뒤, 별도로 검증하고 나서야 OBS의 소스를 교체하는 것입니다.

기존 위젯이 즉시 사라지지는 않습니다. OBS에 Streamlabs 브라우저 소스를 남겨두면 삭제하거나 비활성화하거나 교체하기 전까지 계속 작동합니다. 덕분에 다음 방송 중 알림 없이 남겨질 위험 없이 새 시스템을 준비할 수 있습니다.

시작하기 전에 채널에서 실제로 사용하는 기능이 무엇인지 파악하세요:

• 도네이션 페이지와 시청자용 링크;
• 도네이션, 구독, 팔로워 및 기타 이벤트에 대한 알림;
• 모금 목표, 최근 이벤트 목록, 채팅 및 추가 요소;
• 알림 텍스트, 이미지, GIF 애니메이션, 사운드 및 CSS;
• 프로필, 챗봇 명령어, 방송 설명 및 소셜 미디어에 있는 링크.

필요하지 않다면 두 시스템을 동일한 이벤트에 동시에 연결하지 마세요. 일부 알림은 Streamlabs로, 일부는 StreamElements로 들어오면 하나의 이벤트가 두 번 나타날 수 있습니다. 새로운 도네이션과 알림에 어떤 서비스를 주로 사용할지 미리 정하세요.

Streamlabs 설정 저장하기

사용 중인 각 Streamlabs 위젯을 열고 해당 매개변수를 기록하세요. 모든 탭의 스크린샷을 찍고, 텍스트 값은 별도 문서에 추가로 복사하세요. 외형뿐만 아니라 표시 조건도 저장하세요. 표시 조건은 글꼴, 색상, 애니메이션과 별도로 있는 경우가 많습니다.

알림의 경우 이벤트 유형, 메시지 텍스트, 지속 시간, 화면상의 위치, 요소 크기, 시작 및 종료 애니메이션 설정을 기록하세요. 글꼴, 텍스트 크기와 색상, 배경색, 여백, 정렬, 보낸 사람 이름과 메시지의 표시 순서도 별도로 저장하세요.

이벤트마다 다르게 꾸며져 있다면 각 변형의 설정을 저장하세요. 최소 도네이션 금액, 지연, 필터, 익명 메시지 표시, 텍스트 길이 제한, 알림이 표시되지 않는 조건을 확인하세요. 새 편집기에서 매개변수 이름이 다를 수 있으므로 값 자체와 설정의 용도가 중요합니다.

꾸미기에 사용되는 파일을 다운로드하세요: 이미지, GIF, 오디오 및 CSS 조각. 파일이 Streamlabs에만 업로드되어 있다면 새 위젯에 자동으로 나타나지 않습니다. 자료를 폴더별로 정리하고 각 파일의 용도를 표시하여 도네이션 사운드를 구독이나 팔로워용 음악과 혼동하지 않도록 하세요.

현재 사용 중인 브라우저 소스의 URL과 OBS 장면 이름을 저장하세요. 장면에 여러 개의 Streamlabs 소스가 있다면 각각이 무엇을 담당하는지 기록하세요: 알림, 모금 목표, 이벤트 목록 또는 채팅. 기존 주소는 작동 버전으로 돌아갈 때 유용합니다.

이전을 시작하기 전에 현재 목표 값을 기록하세요: 이름, 총 한도, 모금된 금액, 통화 및 종료 날짜. 진행 상황의 별도 스크린샷을 찍으세요. 결제 내역과 현재 목표 값은 새 계정의 일부가 자동으로 되지 않습니다.

가져오기 및 내보내기 확인하기

수동 설정 전에 StreamElements 편집기를 열고 사용 중인 인터페이스 버전에 Import 또는 Export 항목이 있는지 확인하세요. 이러한 기능은 Streamlabs의 완전한 이전이 아니라 StreamElements 내에서 만든 꾸미기에 해당할 수 있습니다. 내보내기 버튼이 있다고 해서 도네이션 내역, 결제 데이터 또는 OBS 소스가 파일에 포함되는 것은 아닙니다.

편집기에서 overlay를 내보낼 수 있다면 먼저 이미 만든 StreamElements 꾸미기의 백업을 저장하세요. 호환되는 파일이나 템플릿을 가져올 수 있다면 형식을 확인한 후에만 사용하세요. Streamlabs에서 내보낸 파일은 인터페이스가 호환성을 명시적으로 표시하지 않는 한 StreamElements에 업로드하지 마세요.

내보내기는 장면 구조, 요소 위치, 텍스트 설정 또는 사용자 정의 위젯 코드를 저장할 수 있습니다. 하지만 이미지, 사운드, 외부 링크 및 CSS는 별도로 업로드해야 할 수 있습니다. 가져온 후에는 장면이 오류 메시지 없이 열렸다는 것에 그치지 않고 편집기에서 각 요소를 확인하세요.

호환되는 가져오기가 없다면 저장한 스크린샷과 매개변수 목록을 사용하세요. 시간이 더 걸리지만 어떤 설정이 이전되었고 어떤 것이 이전 시스템에 남았는지 파악할 수 있습니다.

StreamElements 계정 및 도네이션 페이지 설정하기

원하는 채널이 있는 스트리밍 플랫폼 계정으로 StreamElements에 로그인하세요. 설정 전에 채널 이름과 연결된 권한을 확인하세요. 다른 프로필로 서비스를 열면 새 위젯이 예상한 곳이 아닌 다른 곳에 저장될 수 있습니다.

채널 지원 및 지급과 관련된 섹션에서 사용 가능한 도네이션 수령 방법을 설정하세요. 서비스에서 데이터 확인을 요청하거나 결제 매개변수를 다시 입력하도록 요구할 수 있습니다. 새 링크를 공개하기 전에 이 작업을 완료하고 통화, 최소 금액, 익명 도네이션 가능 여부 및 메시지 표시 규칙을 확인하세요.

StreamElements 도네이션 링크는 Streamlabs 링크와 다릅니다. 송금 내역, 대기 중인 지급 및 기존 페이지의 매개변수는 새 계정의 일부가 자동으로 되지 않습니다. 미완료 지급이 있거나 시청자가 이미 기존 주소를 사용하고 있다면 특히 기존 페이지를 즉시 닫지 마세요.

새 양식이 검증될 때까지 프로필에 기존 링크를 남겨두세요. 시청자 입장에서 StreamElements 페이지를 열고 올바른 채널로 연결되는지, 올바른 통화를 표시하는지, 메시지를 받는지 확인하세요. 테스트에는 무작위 실제 송금이 아니라 사용 가능한 테스트 방법이나 위험이 최소한인 방법을 사용하세요.

알림 및 기타 위젯 만들기

StreamElements에서 overlay는 일반적으로 개별 위젯이 아니라 하나의 통합된 장면 또는 캔버스를 의미합니다. 이러한 overlay 내부에 알림, 목표, 최근 이벤트 목록, 채팅 및 기타 블록과 같은 요소가 배치됩니다. 따라서 먼저 필요한 OBS 장면에 대한 공통 overlay를 만들고, 그 안에 개별 요소를 추가하세요.

서로 다른 위젯 세트가 있는 장면이 여러 개 있다면 실제로 필요한 곳에만 별도의 overlay 또는 별도의 링크를 만드세요. 이유 없이 각 알림마다 별도의 overlay를 만들지 마세요. 이러한 구성은 소스 교체를 복잡하게 하고 하나의 요소를 여러 번 연결할 위험을 높입니다.

알림의 경우 다음 매개변수를 이전하세요:

• 알림을 트리거해야 하는 이벤트 유형;
• 이름, 금액 및 댓글 변수를 포함한 제목 및 메시지 텍스트;
• 표시 지속 시간, 지연, 나타나는 순서 및 숨김 조건;
• 글꼴, 크기, 굵기, 색상, 정렬 및 여백;
• 이미지 또는 GIF의 크기와 위치;
• 시작 및 종료 애니메이션, 속도 및 사라지는 방식;
• 최소 금액, 필터, 메시지 제한 및 개별 꾸미기 변형;
• 이벤트 사운드, 볼륨 및 재생 방식.

모금 목표의 경우 이름, 총 금액, 통화, 종료 기한, 레이블, 진행 바 모양, 색상 및 위치를 이전하세요. 최근 이벤트 목록의 경우 행 수, 정렬 순서, 표시되는 이벤트 유형, 이름 길이 및 금액 형식을 확인하세요. 채팅의 경우 영역 크기, 배경, 투명도, 글꼴, 지연 및 메시지 표시 규칙을 별도로 저장하세요.

Streamlabs에서 저장한 이미지와 사운드를 업로드하세요. CSS가 이미지나 글꼴에 대한 링크를 사용하는 경우 코드 자체뿐만 아니라 모든 외부 주소도 저장하세요. CSS를 StreamElements의 지정된 필드에 변경 없이 복사한 다음 결과를 확인하세요. 새 위젯의 선택자와 HTML 구조가 다를 수 있으므로 일부 규칙은 조정이 필요할 수 있습니다.

사운드는 각 이벤트 유형별로 별도로 설정하세요. 선택한 파일, 볼륨, 재생 시점 및 반복을 확인하세요. Streamlabs에서 오디오에 외부 링크를 사용했다면 해당 링크가 접근 가능하고 인증이 필요하지 않은지 확인하세요. 파일이 이전 서비스에 업로드된 경우 새 위젯에 다시 업로드하세요.

저장 후 미리보기를 새로 고치세요. CSS가 텍스트를 숨기지 않는지, 이미지가 메시지를 가리지 않는지, 알림이 캔버스 경계를 벗어나지 않는지 확인하세요. 긴 이름, 여러 줄 댓글, 큰 금액 및 특수 문자를 확인하세요.

현재 목표 금액 수동으로 이전하기

목표 이름과 총 한도가 있다고 해서 이미 모금된 금액이 StreamElements에 자동으로 나타나는 것은 아닙니다. 저장한 스크린샷이나 현재 Streamlabs 통계를 열고 현재 진행 상황, 목표 금액 및 통화를 기록하세요. 모금이 계속되고 있다면 이전 중에 새 도네이션을 잃지 않도록 날짜와 시간을 기록하세요.

StreamElements에서 동일한 이름, 총 한도 및 종료 기한으로 새 목표를 만드세요. 그런 다음 목표 또는 위젯 설정에서 초기 또는 현재 진행 값을 담당하는 필드를 찾으세요. 필드 이름은 인터페이스 버전에 따라 다를 수 있습니다. 이전 시스템에서 모금된 금액을 입력하고 변경 사항을 저장하세요.

초기 값의 수동 설정이 지원되지 않는 경우 테스트 또는 실제 도네이션으로 진행 상황을 늘리지 마세요. 이는 송금 내역을 왜곡하고 알림에 불필요한 이벤트를 생성할 수 있습니다. 이 경우 올바른 총 한도를 지정하고 현재 모금에는 지원되는 표시 방법을 선택하거나 시청자를 위해 명확한 설명과 함께 새 목표를 시작하세요.

저장 후 새 위젯을 기존 위젯과 비교하세요: 숫자, 백분율, 레이블, 통화 및 종료 날짜를 확인하세요. 진행 상황이 잘못 표시되면 OBS의 소스 크기가 아니라 StreamElements의 목표를 수정하세요. 결과가 일치하면 작업 문서에 목표 이름 또는 식별자를 기록하세요.

이러한 모드가 가능하다면 테스트 이벤트로 진행 상황 변경을 확인하세요. 금액이 초기화되지 않았고 알림이 두 번 나타나지 않았는지 확인하세요. 그 후에만 목표를 작업 장면에 연결하세요.

충돌 없이 OBS에서 소스 교체하기

먼저 테스트 장면을 만들거나 작업 장면의 복사본을 사용하세요. 이렇게 하면 기본 방송을 변경하지 않고 새 링크를 확인할 수 있습니다. StreamElements에서 overlay URL을 복사한 다음 다음 단계를 수행하세요:

1. OBS에서 원하는 장면을 열고 새 Browser Source를 추가하세요.
2. 기존 소스와 혼동하지 않도록 «SE — 알림 및 목표»와 같이 명확한 이름을 지정하세요.
3. 주소 필드에 StreamElements URL을 붙여넣으세요.
4. OBS 장면 캔버스에 맞는 너비와 높이를 지정하세요.
5. 레이어 목록에서 소스의 위치, 가시성 및 순서를 확인하세요.
6. 소스를 저장하고 overlay 로딩을 기다리세요.
7. 이 장면에서 기존 Streamlabs 소스의 가시성을 일시적으로 비활성화하세요.
8. 테스트 이벤트를 실행하고 알림이 한 번만 나타나는지 확인하세요.

기존 소스 위에 새 소스를 추가하지 말고 확인 중에 두 소스를 모두 표시 상태로 두지 마세요. 그렇지 않으면 하나의 도네이션이 동시에 두 개의 알림을 표시할 수 있습니다. 기존 소스가 백업으로 필요하다면 «기존»이라는 표시를 붙여 이름을 바꾸고 숨겨두세요.

그룹, 스튜디오 모드 또는 추가 컴포지션을 통해 동시에 표시되는 여러 장면에서 동일한 overlay가 연결되어 있지 않은지 확인하세요. 서로 다른 위치의 동일한 소스는 알림의 반복 표시로 이어질 수 있습니다.

overlay가 로드되지 않으면 URL, 인터넷 연결, 소스 크기 및 선택한 장면을 확인하세요. Browser Source를 새로 고쳐 보세요. 링크 교체와 동시에 CSS와 크기를 변경하지 마세요. 한 번에 하나씩 수정하면 오류 원인을 더 쉽게 파악할 수 있습니다.

테스트 장면 확인 후 나머지 장면에 새 소스를 추가하세요. 각 장면마다 기존 Browser Source가 숨겨져 있거나 삭제되었고 새 소스가 올바른 위치에 있는지 개별적으로 확인하세요.

이벤트 및 사운드 확인하기

StreamElements 설정에서 연결된 각 알림 유형에 대해 테스트 이벤트를 사용하세요. 도네이션, 구독, 팔로워, 목표 변경 및 채널에서 실제로 사용하는 기타 이벤트를 확인하세요. 알림 테스트 하나로는 충분하지 않습니다. 이벤트마다 다른 텍스트, 이미지 및 사운드를 트리거할 수 있습니다.

결과를 두 곳에서 확인하세요: StreamElements 미리보기와 OBS 장면에서 직접. 텍스트 위치, 메시지 가독성, 볼륨, 애니메이션 작동 및 반복 표시 여부를 평가하세요. 긴 메시지, 특수 문자 및 큰 금액을 별도로 테스트하세요.

OBS 믹서와 짧은 테스트 녹음에서 사운드를 확인하세요. 오디오가 꺼져 있지 않은지, 다른 소스에 의해 음소거되지 않았는지, 올바른 채널로 라우팅되는지 확인하세요. 알림이 보이지만 들리지 않으면 문제는 파일 자체가 아니라 Browser Source 설정이나 오디오 라우팅에 있을 수 있습니다.

OBS를 통한 브라우저 소스의 사운드 제어 설정을 사용하는 경우 별도로 확인하세요. 방송에서 사용할 것과 동일한 볼륨 수준으로 녹음을 들어보세요. 헤드폰의 사운드만으로 판단하지 마세요. 시청자는 다른 믹스를 받을 수 있습니다.

시청자의 메시지가 화면에 표시되는 경우 원치 않는 문자 필터링과 부적절한 텍스트를 숨길 수 있는 가능성을 확인하세요. 표시 지속 시간을 이전 설정과 비교하세요. 너무 짧은 알림은 시청자가 읽지 못할 수 있고, 너무 긴 알림은 장면의 일부를 가릴 수 있습니다.

도네이션 링크 교체하기

새 페이지, 알림, 목표 및 사운드가 검증되면 시청자가 볼 수 있는 모든 곳에서 링크를 업데이트하세요:

• 채널 설명 및 프로필 패널;
• 고정 메시지 및 챗봇 명령어;
• 방송 설명 및 예고 템플릿;
• 소셜 미디어 프로필 및 커뮤니티 페이지;
• 기존 양식이 표시된 동영상, 게시물 및 기타 자료.

주소가 알림 텍스트, 패널 설명 또는 사용자 정의 위젯에 표시되는 경우 그곳에서도 교체하세요. 봇 명령어를 별도로 확인하세요: 링크가 자동 응답에 숨겨져 있어 채널의 기본 설명에 표시되지 않을 수 있습니다.

먼저 기본 프로필과 고정 메시지를 업데이트한 다음 시청자 입장에서 채널을 여세요. 새 링크가 올바른 페이지로 연결되고 기존 주소가 더 이상 눈에 띄는 곳에 표시되지 않는지 확인하세요. 그런 다음 나머지 플랫폼을 변경하세요.

기존 도네이션 페이지를 즉시 닫지 마세요. 이전 게시물에 남아 있을 수 있으며 시청자가 미완료 송금을 가지고 있을 수 있습니다. 새 양식이 검증되고 주요 링크가 업데이트되면 별도의 게시물이나 방송 중 메시지로 시청자에게 전환을 알리세요.

이전 후 첫 방송은 StreamElements 및 OBS 패널을 열어둔 상태로 진행하세요. 이벤트가 나타나지 않거나 알림이 잘못 작동하면 문제가 도네이션 양식, 이벤트 처리, overlay 또는 브라우저 소스 중 어디에 있는지 더 빨리 파악할 수 있습니다.

백업 구성 저장하기

교체 직후 기존 Browser Source를 삭제하지 마세요. 장면에 숨겨진 상태로 남겨두거나 별도의 장면 컬렉션 복사본을 저장하세요. 또한 Streamlabs 설정, 꾸미기 파일, CSS, 사운드, 이미지 및 기존 URL 목록의 백업을 보관하세요.

새 overlay가 로드를 중단하면 일시적으로 숨기고 기존 소스를 복원하세요. 문제가 하나의 요소에만 있다면 전체 장면을 교체하지 마세요: URL, 가시성, 소스 크기, 이벤트 설정 및 연결된 overlay를 확인하세요.

여러 번 검증된 방송 후에는 작업 컬렉션에서 불필요한 소스를 삭제할 수 있습니다. 아카이브는 별도로 보관하는 것이 좋습니다. 이전 꾸미기를 복원하거나 매개변수를 비교하거나 일부 요소를 되돌릴 때 유용합니다.

간단한 작업 순서

1. Streamlabs 도네이션 페이지, 알림, 목표 및 기타 위젯 목록을 작성하세요.
2. 스크린샷, 텍스트, CSS, 이미지, 사운드, 현재 목표 값 및 기존 URL을 저장하세요.
3. Streamlabs의 완전한 이전을 기대하지 말고 사용 가능한 가져오기 및 내보내기 기능을 확인하세요.
4. StreamElements에서 올바른 채널을 연결하고 도네이션 페이지를 설정하세요.
5. 장면용 공통 overlay를 만들고 알림 및 기타 요소를 수동으로 이전하세요.
6. 사운드와 이미지를 업로드하고 CSS를 붙여넣고 표시 조건과 외형을 확인하세요.
7. 목표를 만들고 인터페이스가 지원하는 경우 현재 진행 상황을 수동으로 입력하세요.
8. 기존 소스를 삭제하지 않고 테스트 OBS 장면에 새 Browser Source를 추가하세요.
9. 이벤트, 사운드, 요소 위치, 긴 메시지 및 중복 없음을 확인하세요.
10. 프로필, 봇, 설명 및 소셜 미디어의 링크를 교체하세요.
11. 백업 구성을 사용하여 몇 번의 방송을 진행하고 확인 후에만 기존 소스를 삭제하세요.