Light Strip Pro pozwala personalizować oświetlenie, tworząc niestandardowe sceny za pomocą JavaScriptu. Ten przewodnik przeprowadzi Cię przez tworzenie i testowanie scen przy użyciu istniejących szablonów oraz integrację ich z Stream Deck.

Spis treści

• Rozpoczęcie pracy ze scenami niestandardowymi
• Jak używać istniejących scen JavaScript
• Jak utworzyć, przetestować i podejrzeć scenę JavaScript
• Jak wysłać scenę JavaScript do Light Strip Pro
• Czy mogę używać Stream Deck ze scenami niestandardowymi
• Znane ograniczenia
• Rozwiązywanie problemów

Rozpoczęcie pracy ze scenami niestandardowymi

Tworzenie scen niestandardowych dla Light Strip Pro wymaga pewnej wiedzy na temat JavaScriptu.

Pobierz narzędzia

Zacznij od pobrania i rozpakowania pliku ZIP JavaScript Scenes Builder, który zawiera wszystkie potrzebne narzędzia i dokumentację.

Readme

Przeczytaj plik README.md w pobranym archiwum ZIP, aby zapoznać się z formatem sceny JavaScript.

💻 Pobierz tutaj.

Jak używać istniejących scen JavaScript

Możesz używać wstępnie przygotowanych plików scen JavaScript z Control Center jako szablonów. Znajdują się one w podfolderze default-scenes pobranego archiwum ZIP. Alternatywnie można je znaleźć w katalogach instalacji Control Center:

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

Jak utworzyć, przetestować i podejrzeć scenę JavaScript

Otwórz konstruktor

Otwórz plik javascript-scenes-builder.html w przeglądarce.

Prześlij lub wklej kod

Prześlij plik sceny JavaScript lub wklej kod w polu tekstowym. Możesz również przesłać jeden z istniejących plików sceny utworzonych przez Elgato.

Uruchom i podejrzyj

Kliknij „Uruchom kod sceny", aby zobaczyć podgląd. Skonfiguruj parametry sceny (kolory, szybkość itp.) i uzyskaj podgląd na żywo.

Debuguj

Jeśli pojawi się błąd, użyj konsoli narzędzi programisty JavaScript w przeglądarce, aby debugować. Edytuj kod bezpośrednio w polu edytora i pobierz kod jako plik po zakończeniu.

Jak wysłać scenę JavaScript do Light Strip Pro

Korzystając z przeglądarki

1) Otwórz przeglądarkę z tymczasowo wyłączonym Cross-Origin Resource Sharing (CORS). W przeglądarkach opartych na Chromium dodaj parametry wiersza poleceń --disable-web-security --user-data-dir="...".

2) Otwórz plik javascript-scenes-builder.html, prześlij plik sceny JavaScript i kliknij „Uruchom kod sceny".

3) Wprowadź adres IP Light Strip Pro w polu „Wyślij do Light Strip Pro" i kliknij „Wyślij do Light Strip Pro". Znajdź adres IP w ustawieniach akcesoriów Control Center.

Korzystając z Control Center

1) Całkowicie zamknij aplikację/proces Control Center.

2) Skopiuj plik sceny: Skopiuj plik sceny JavaScript do odpowiedniego katalogu:

• Windows: %ProgramFiles%\Elgato\ControlCenter\Scenes
• macOS: ~/Library/Application Support/Elgato Control Center/Scenes
• iOS: Podłącz iPhone'a/iPada do Maca, przejdź do karty Pliki w Finderze i przeciągnij plik do wiersza Control Center.

3) Uruchom aplikację Control Center ponownie, znajdź Light Strip Pro, otwórz kartę „Sceny" w ustawieniach akcesoriów, kliknij przycisk „+" i wybierz swoją scenę. Kliknij „Aktywuj".

Znane ograniczenia

Udostępnianie scen

Sceny JavaScript nie są udostępniane automatycznie między instalacjami Control Center na różnych urządzeniach. Ręcznie skopiuj plik sceny JavaScript na wszystkie urządzenia, aby używać scen.

Obsługa systemu Android

System Android nie obsługuje scen niestandardowych.

Czy mogę używać Stream Deck ze scenami niestandardowymi?

Tak, możesz przełączać niestandardowe sceny za pomocą Stream Deck po ich aktywacji w Control Center.

Rozwiązywanie problemów

Przeglądarka

Sprawdź konsolę narzędzi programisty JavaScript pod kątem błędów. Spróbuj wysłać ponownie, gdy karta Sieć jest otwarta, aby sprawdzić żądanie sieciowe.

Control Center

Sprawdź plik dziennika Control Center, aby uzyskać więcej informacji. Do debugowania zalecane jest korzystanie z konstruktora scen HTML.