Light Strip Pro te permite personalizar tu iluminación creando escenas personalizadas con JavaScript. Esta guía te llevará a través de la creación y prueba de tus escenas utilizando plantillas existentes e integrándolas con Stream Deck.

Tabla de contenidos

• Comenzando con escenas personalizadas
• Cómo usar escenas de JavaScript existentes
• Cómo crear, probar y previsualizar una escena de JavaScript
• Cómo enviar tu escena de JavaScript a Light Strip Pro
• ¿Puedo usar Stream Deck con escenas personalizadas?
• Limitaciones conocidas
• Solución de problemas

Comenzando con escenas personalizadas

Crear escenas personalizadas para Light Strip Pro requiere algunos conocimientos de JavaScript.

Descargar las herramientas

Comienza descargando y extrayendo el archivo ZIP del Constructor de Escenas de JavaScript, que incluye todas las herramientas y documentación que necesitarás.

Leeme

Lee el README.md en el ZIP descargado para obtener una visión general del formato de la escena de JavaScript.

💻 Descargar aquí.

Cómo usar escenas de JavaScript existentes

Puedes usar archivos de escenas de JavaScript predefinidos del Control Center como plantillas. Estos se encuentran en la subcarpeta default-scenes del ZIP descargado. Alternativamente, se pueden encontrar en los directorios de instalación del Control Center:

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

Cómo crear, probar y previsualizar una escena de JavaScript

Abrir el constructor

Abre el archivo javascript-scenes-builder.html en tu navegador.

Subir o pegar código

Sube tu archivo de escena de JavaScript o pega tu código en el campo de texto. También puedes subir uno de los archivos de escena creados por Elgato.

Ejecutar y previsualizar

Haz clic en "Ejecutar código de escena" para ver una previsualización. Configura los parámetros de tu escena (colores, velocidad, etc.) y obtén una previsualización en vivo.

Depurar

Si ocurre un error, usa la consola de herramientas de desarrollo de JavaScript en tu navegador para depurar. Edita tu código directamente en el campo del editor y descarga el código como un archivo una vez que hayas terminado.

Cómo enviar tu escena de JavaScript a Light Strip Pro

Usando un navegador

1) Abre tu navegador con el uso compartido de recursos de origen cruzado (CORS) temporalmente deshabilitado. Para navegadores Chromium, agrega los parámetros de línea de comando --disable-web-security --user-data-dir="...".

2) Abre el archivo javascript-scenes-builder.html, sube tu archivo de escena de JavaScript y haz clic en "Ejecutar código de escena".

3) Ingresa la dirección IP de tu Light Strip Pro en el campo "Enviar a Light Strip Pro" y haz clic en "Enviar a Light Strip Pro". Encuentra la dirección IP en la configuración de accesorios del Control Center.

Usando Control Center

1) Sal completamente de la aplicación/proceso del Control Center.

2) Copiar archivo de escena: Copia tu archivo de escena de JavaScript en el directorio apropiado:

• Windows: %ProgramFiles%\Elgato\ControlCenter\Scenes
• macOS: ~/Library/Application Support/Elgato Control Center/Scenes
• iOS: Conecta tu iPhone/iPad a tu Mac, ve a la pestaña Archivos en Finder, y arrastra y suelta tu archivo en la fila de Control Center.

3) Inicia la aplicación Control Center nuevamente, encuentra tu Light Strip Pro, abre la pestaña "Escenas" en la configuración del accesorio, haz clic en el botón "+", y selecciona tu escena. Haz clic en "Activar".

Limitaciones conocidas

Compartir escenas

Las escenas de JavaScript no se comparten automáticamente entre tus instalaciones de Control Center en diferentes dispositivos. Copia manualmente tu archivo de escena de JavaScript a todos tus dispositivos para usar las escenas.

Soporte para Android

Android no soporta escenas personalizadas.

¿Puedo usar Stream Deck con escenas personalizadas?

Sí, puedes alternar tus escenas personalizadas usando Stream Deck una vez que estén activadas en Control Center.

Solución de problemas

Navegador

Revisa la consola de herramientas de desarrollo de JavaScript para errores. Intenta enviar nuevamente mientras la pestaña de Red esté abierta para verificar la solicitud de red.

Control Center

Revisa el archivo de registro de Control Center para obtener más información. Para depuración, se recomienda usar el constructor de escenas HTML.