Light Strip Pro를 사용하면 JavaScript를 통해 사용자 정의 장면을 만들어 조명을 개인화할 수 있습니다. 이 가이드는 기존 템플릿을 사용하여 장면을 만들고 테스트하고 Stream Deck과 통합하는 과정을 안내합니다.

목차

• 사용자 정의 장면 시작하기
• 기존 JavaScript 장면을 사용하는 방법
• JavaScript 장면을 만들고 테스트하고 미리 보는 방법
• JavaScript 장면을 Light Strip Pro로 보내는 방법
• Stream Deck을 사용자 정의 장면과 함께 사용할 수 있습니까
• 알려진 제한 사항
• 문제 해결

사용자 정의 장면 시작하기

Light Strip Pro용 사용자 정의 장면을 만들려면 JavaScript에 대한 기본 지식이 필요합니다.

도구 다운로드

필요한 모든 도구와 설명서가 포함된 JavaScript Scenes Builder ZIP 파일을 다운로드하고 압축을 풉니다.

Readme

다운로드한 ZIP의 README.md를 읽어 JavaScript 장면 형식의 개요를 확인합니다.

💻 여기에서 다운로드하세요.

기존 JavaScript 장면을 사용하는 방법

Control Center에서 미리 만들어진 JavaScript 장면 파일을 템플릿으로 사용할 수 있습니다. 이 파일들은 다운로드한 ZIP의 default-scenes 하위 폴더에 있습니다. 또는 Control Center 설치 디렉터리에서 찾을 수 있습니다:

• Windows: %ProgramFiles%\Elgato\ControlCenter\Scenes
• macOS: /Applications/Elgato Control Center.app/Contents/Resources/javascript-scenes

JavaScript 장면을 만들고 테스트하고 미리 보는 방법

빌더 열기

브라우저에서 javascript-scenes-builder.html 파일을 엽니다.

코드 업로드 또는 붙여넣기

JavaScript 장면 파일을 업로드하거나 코드를 텍스트 필드에 붙여넣습니다. Elgato에서 만든 기존 장면 파일 중 하나를 업로드할 수도 있습니다.

실행 및 미리 보기

"Run scene code"를 클릭하여 미리 보기를 확인합니다. 장면 매개변수(색상, 속도 등)를 구성하고 라이브 미리 보기를 확인합니다.

디버그

오류가 발생하면 브라우저의 JavaScript 개발자 도구 콘솔을 사용하여 디버그합니다. 편집기 필드에서 코드를 직접 편집하고 완료되면 코드를 파일로 다운로드합니다.

JavaScript 장면을 Light Strip Pro로 보내는 방법

브라우저 사용

1) Cross-Origin Resource Sharing(CORS)을 임시로 비활성화한 브라우저를 엽니다. Chromium 브라우저의 경우 명령줄 매개변수 --disable-web-security --user-data-dir="..."를 추가합니다.

2) javascript-scenes-builder.html 파일을 열고 JavaScript 장면 파일을 업로드한 후 "Run scene code"를 클릭합니다.

3) "Send to Light Strip Pro" 필드에 Light Strip Pro의 IP 주소를 입력하고 "Send to Light Strip Pro"를 클릭합니다. Control Center 액세서리 설정에서 IP 주소를 확인할 수 있습니다.

Control Center 사용

1) Control Center 앱/프로세스를 완전히 종료합니다.

2) 장면 파일 복사: JavaScript 장면 파일을 적절한 디렉터리에 복사합니다:

• Windows: %ProgramFiles%\Elgato\ControlCenter\Scenes
• macOS: ~/Library/Application Support/Elgato Control Center/Scenes
• iOS: iPhone/iPad를 Mac에 연결하고 Finder의 파일 탭으로 이동한 후 파일을 Control Center 행으로 드래그 앤 드롭합니다.

3) Control Center 앱을 다시 시작하고 Light Strip Pro를 찾아 액세서리 설정의 "Scenes" 탭을 열고 "+" 버튼을 클릭한 다음 장면을 선택합니다. "Activate"를 클릭합니다.

알려진 제한 사항

장면 공유

JavaScript 장면은 다양한 기기의 Control Center 설치 간에 자동으로 공유되지 않습니다. 장면을 사용하려면 모든 기기에 JavaScript 장면 파일을 수동으로 복사합니다.

Android 지원

Android는 사용자 정의 장면을 지원하지 않습니다.

Stream Deck을 사용자 정의 장면과 함께 사용할 수 있습니까?

예, Control Center에서 활성화된 사용자 정의 장면은 Stream Deck을 사용하여 전환할 수 있습니다.

문제 해결

브라우저

JavaScript 개발자 도구 콘솔에서 오류를 확인합니다. 네트워크 탭이 열린 상태에서 다시 보내 네트워크 요청을 확인합니다.

Control Center

자세한 정보는 Control Center의 로그 파일을 확인합니다. 디버깅의 경우 HTML 장면 빌더를 사용하는 것이 좋습니다.