Light Strip Pro ti consente di personalizzare l'illuminazione creando scene personalizzate con JavaScript. Questa guida ti accompagnerà nella creazione e nel test delle tue scene utilizzando template esistenti e nell'integrazione con Stream Deck.

Indice dei contenuti

• Iniziare con le scene personalizzate
• Come utilizzare le scene JavaScript esistenti
• Come creare, testare e visualizzare un'anteprima di una scene JavaScript
• Come inviare la tua scene JavaScript a Light Strip Pro
• Posso usare Stream Deck con le scene personalizzate
• Limitazioni note
• Risoluzione dei problemi

Iniziare con le scene personalizzate

La creazione di scene personalizzate per Light Strip Pro richiede una certa conoscenza di JavaScript.

Scarica gli strumenti

Inizia scaricando ed estraendo il file ZIP JavaScript Scenes Builder, che include tutti gli strumenti e la documentazione di cui avrai bisogno.

Readme

Leggi il file README.md nel file ZIP scaricato per ottenere una panoramica del formato della scene JavaScript.

💻 Scarica qui.

Come utilizzare le scene JavaScript esistenti

Puoi utilizzare file di scene JavaScript già pronti da Control Center come template. Si trovano nella sottocartella default-scenes del file ZIP scaricato. In alternativa, è possibile trovarli nelle directory di installazione di Control Center:

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

Come creare, testare e visualizzare un'anteprima di una scene JavaScript

Apri il builder

Apri il file javascript-scenes-builder.html nel tuo browser.

Carica o incolla il codice

Carica il file della tua scene JavaScript o incolla il tuo codice nel campo di testo. Puoi anche caricare uno dei file di scene creati da Elgato.

Esegui e visualizza

Fai clic su "Run scene code" per visualizzare un'anteprima. Configura i parametri della tua scene (colori, velocità, ecc.) e visualizza un'anteprima dal vivo.

Debug

Se si verifica un errore, utilizza la console degli strumenti per sviluppatori JavaScript nel tuo browser per eseguire il debug. Modifica il codice direttamente nel campo dell'editor e scarica il codice come file al termine.

Come inviare la tua scene JavaScript a Light Strip Pro

Usando un browser

1) Apri il tuo browser con Cross-Origin Resource Sharing (CORS) disabilitato temporaneamente. Per i browser basati su Chromium, aggiungi i parametri della riga di comando --disable-web-security --user-data-dir="...".

2) Apri il file javascript-scenes-builder.html, carica il tuo file di scene JavaScript e fai clic su "Run scene code".

3) Immetti l'indirizzo IP di Light Strip Pro nel campo "Send to Light Strip Pro" e fai clic su "Send to Light Strip Pro". Trova l'indirizzo IP nelle impostazioni dell'accessorio di Control Center.

Usando Control Center

1) Esci completamente dall'app/processo Control Center.

2) Copia il file di scene: Copia il file della tua scene JavaScript nella directory appropriata:

• Windows: %ProgramFiles%\Elgato\ControlCenter\Scenes
• macOS: ~/Library/Application Support/Elgato Control Center/Scenes
• iOS: Collega il tuo iPhone/iPad al tuo Mac, vai alla scheda File in Finder e trascina il tuo file nella riga di Control Center.

3) Avvia di nuovo l'app Control Center, trova Light Strip Pro, apri la scheda "Scenes" nelle impostazioni dell'accessorio, fai clic sul pulsante "+" e seleziona la tua scene. Fai clic su "Activate".

Limitazioni note

Condivisione della scene

Le scene JavaScript non vengono condivise automaticamente tra le tue installazioni di Control Center su dispositivi diversi. Copia manualmente il file della tua scene JavaScript su tutti i tuoi dispositivi per utilizzare le scene.

Supporto Android

Android non supporta le scene personalizzate.

Posso usare Stream Deck con le scene personalizzate?

Sì, puoi attivare/disattivare le tue scene personalizzate utilizzando Stream Deck una volta che sono state attivate in Control Center.

Risoluzione dei problemi

Browser

Controlla la console degli strumenti per sviluppatori JavaScript per eventuali errori. Riprova a inviare con la scheda Network aperta per controllare la richiesta di rete.

Control Center

Controlla il file di log di Control Center per ulteriori informazioni. Per il debug, è consigliato utilizzare il builder della scene HTML.