Artigos nesta secção

Elgato Light Strip Pro — Cenas personalizadas usando JavaScript

Light Strip Pro permite-lhe personalizar a iluminação criando cenas personalizadas com JavaScript. Este guia orientar-lhe-á na criação e teste das suas cenas utilizando modelos existentes e integrando-as com Stream Deck.

Índice


Introdução às cenas personalizadas


A criação de cenas personalizadas para Light Strip Pro requer alguns conhecimentos de JavaScript.

Descarregue as ferramentas

Comece por descarregar e extrair o ficheiro ZIP do JavaScript Scenes Builder, que inclui todas as ferramentas e documentação de que necessita.

Readme

Leia o ficheiro README.md no ZIP descarregado para obter uma visão geral do formato de cena JavaScript.

💻 Descarregue aqui.


Como utilizar cenas JavaScript existentes


Pode utilizar ficheiros de cena JavaScript pré-criados do Control Center como modelos. Estes encontram-se na subpasta default-scenes do ZIP descarregado. Alternativamente, 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 pré-visualizar uma cena JavaScript


Abra o construtor

Abra o ficheiro javascript-scenes-builder.html no seu navegador.

Carregar ou colar código

Carregue o seu ficheiro de cena JavaScript ou cole o seu código no campo de texto. Também pode carregar um dos ficheiros de cena existentes criados pela Elgato.

Executar e pré-visualizar

Clique em "Run scene code" (Executar código de cena) para ver uma pré-visualização. Configure os parâmetros da sua cena (cores, velocidade, etc.) e obtenha uma pré-visualização em tempo real.

Depurar

Se ocorrer um erro, utilize a consola de ferramentas de programação JavaScript do seu navegador para depurar. Edite o seu código diretamente no campo do editor e descarregue o código como um ficheiro quando terminar.


Como enviar a sua cena JavaScript para Light Strip Pro


Utilizar um navegador

1) Abra o seu navegador com Cross-Origin Resource Sharing (CORS) temporariamente desativado. Para navegadores baseados em Chromium, adicione os parâmetros de linha de comando --disable-web-security --user-data-dir="...".

2) Abra o ficheiro javascript-scenes-builder.html, carregue o seu ficheiro de cena JavaScript e clique em "Run scene code" (Executar código de cena).

3) Introduza o endereço IP do seu Light Strip Pro no campo "Send to Light Strip Pro" (Enviar para Light Strip Pro) e clique em "Send to Light Strip Pro" (Enviar para Light Strip Pro). Encontre o endereço IP nas definições do acessório do Control Center.

Utilizar Control Center

1) Saia da aplicação/processo Control Center completamente.

2) Copiar Ficheiro de Cena: Copie o seu ficheiro de cena JavaScript para o diretório apropriado:

  • Windows: %ProgramFiles%\Elgato\ControlCenter\Scenes
  • macOS: ~/Library/Application Support/Elgato Control Center/Scenes
  • iOS: Ligue o seu iPhone/iPad ao seu Mac, vá ao separador Ficheiros no Finder e arraste o seu ficheiro para a linha Control Center.

3) Inicie a aplicação Control Center novamente, encontre o seu Light Strip Pro, abra o separador "Scenes" (Cenas) nas definições do acessório, clique no botão "+" e selecione a sua cena. Clique em "Activate" (Ativar).


Limitações conhecidas


Partilha de cenas

As cenas JavaScript não são partilhadas automaticamente entre as suas instalações de Control Center em dispositivos diferentes. Copie manualmente o seu ficheiro de cena JavaScript para todos os seus dispositivos para utilizar as cenas.

Suporte Android

O Android não suporta cenas personalizadas.


Posso utilizar Stream Deck com cenas personalizadas?


Sim, pode alternar as suas cenas personalizadas utilizando Stream Deck assim que forem ativadas no Control Center.


Resolução de problemas


Navegador

Consulte a consola de ferramentas de programação JavaScript para erros. Tente enviar novamente com o separador Rede aberto para verificar o pedido de rede.

Control Center

Consulte o ficheiro de registo do Control Center para obter mais informações. Para depuração, recomenda-se utilizar o construtor de cenas HTML.

Este artigo foi útil?
5 de 10 acharam isto útil