Light Strip Pro permite personalizar sua iluminação criando cenas personalizadas com JavaScript. Este guia o orientará na criação e teste de suas cenas usando modelos existentes e na integração delas com Stream Deck.
Índice
- Introdução às cenas personalizadas
- Como usar cenas JavaScript existentes
- Como criar, testar e visualizar uma cena JavaScript
- Como enviar sua cena JavaScript para Light Strip Pro
- Posso usar Stream Deck com cenas personalizadas
- Limitações conhecidas
- Solução de problemas
Introdução às cenas personalizadas
Criar cenas personalizadas para Light Strip Pro requer algum conhecimento de JavaScript.
Baixar as ferramentas
Comece baixando e extraindo o arquivo ZIP do JavaScript Scenes Builder, que inclui todas as ferramentas e documentação necessárias.
Leia-me
Leia README.md no arquivo ZIP baixado para obter uma visão geral do formato de cena JavaScript.
💻 Baixe aqui.
Como usar cenas JavaScript existentes
Você pode usar arquivos de cena JavaScript pré-fabricados do Control Center como modelos. Eles estão localizados na subpasta default-scenes do arquivo ZIP baixado. Como alternativa, eles podem ser encontrados nos diretórios de instalação do Control Center:
-
Windows:
%ProgramFiles%\Elgato\ControlCenter\Scenes -
macOS:
/Applications/Elgato Control Center.app/Contents/Resources/javascript-scenes
Como criar, testar e visualizar uma cena JavaScript
Abra o construtor
Abra o arquivo javascript-scenes-builder.html em seu navegador.
Carregue ou cole o código
Carregue seu arquivo de cena JavaScript ou cole seu código no campo de texto. Você também pode carregar um dos arquivos de cena criados pela Elgato existentes.
Execute e visualize
Clique em "Executar código de cena" para ver uma visualização. Configure os parâmetros da sua cena (cores, velocidade, etc.) e obtenha uma visualização em tempo real.
Depurar
Se ocorrer um erro, use o console das ferramentas de desenvolvedor JavaScript do seu navegador para depurar. Edite seu código diretamente no campo do editor e baixe o código como arquivo quando terminar.
Como enviar sua cena JavaScript para Light Strip Pro
Usando um navegador
1) Abra seu navegador com o Compartilhamento de Recursos de Origem Cruzada (CORS) temporariamente desabilitado. Para navegadores baseados em Chromium, adicione parâmetros de linha de comando --disable-web-security --user-data-dir="...".
2) Abra o arquivo javascript-scenes-builder.html, carregue seu arquivo de cena JavaScript e clique em "Executar código de cena".
3) Digite o endereço IP do seu Light Strip Pro no campo "Enviar para Light Strip Pro" e clique em "Enviar para Light Strip Pro". Encontre o endereço IP nas configurações do acessório do Control Center.
Usando Control Center
1) Saia completamente do aplicativo/processo Control Center.
2) Copiar Arquivo de Cena: Copie seu arquivo de cena JavaScript para o diretório apropriado:
-
Windows:
%ProgramFiles%\Elgato\ControlCenter\Scenes -
macOS:
~/Library/Application Support/Elgato Control Center/Scenes - iOS: Conecte seu iPhone/iPad ao seu Mac, vá para a guia Arquivos no Finder e arraste e solte seu arquivo na linha do Control Center.
3) Inicie o aplicativo Control Center novamente, encontre seu Light Strip Pro, abra a guia "Cenas" nas configurações do acessório, clique no botão "+", e selecione sua cena. Clique em "Ativar".
Limitações conhecidas
Compartilhamento de cena
As cenas JavaScript não são compartilhadas automaticamente entre suas instalações do Control Center em dispositivos diferentes. Copie manualmente seu arquivo de cena JavaScript para todos os seus dispositivos para usar as cenas.
Suporte a Android
Android não suporta cenas personalizadas.
Posso usar Stream Deck com cenas personalizadas?
Sim, você pode ativar/desativar suas cenas personalizadas usando Stream Deck depois que forem ativadas no Control Center.
Solução de problemas
Navegador
Verifique o console das ferramentas de desenvolvedor JavaScript para erros. Tente enviar novamente com a guia Rede aberta para verificar a solicitação de rede.
Control Center
Verifique o arquivo de log do Control Center para obter mais informações. Para depuração, é recomendado usar o construtor de cena HTML.