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.