Estado HTML5
El estado HTML5 le permite mostrar páginas web HTML, incluidos elementos de video, imagen, texto y JavaScript. Tenga en cuenta que el contenido de video HTML se reproducirá incluso si está incrustado en una zona de imagen. Para obtener una explicación completa sobre cómo crear contenido HTML para reproductores BrightSign, consulte la sección Desarrollo HTML .
Los modelos BrightSign no están diseñados para utilizarse como navegadores web de propósito general. Muchas páginas web tienen elementos que no se mostrarán correctamente en un reproductor BrightSign. Asegúrese de probar exhaustivamente una página web antes de utilizarla como señalización digital.
Propiedades del estado
- Nombre: El nombre del estado HTML5
- Estado inicial: Seleccione esto para hacer que este estado sea la pantalla de inicio
Origen
- Nombre del sitio: Especifique un nombre para el sitio HTML. El nombre del sitio debe ser único dentro de la presentación.
- Origen del sitio: Seleccione un origen para el sitio HTML:
- Componentes: Muestra una página HTML almacenada en su red Author Plus. Esta opción solo está disponible si el Storage Selector está configurado en Contenido de BSN.cloud. Si necesita agregar la página a su red BSN.cloud, vaya primero a la pestaña Contenido .
- URL: Muestra una página HTML desde una URL remota.
- Sitio local: Incluye la página HTML con los archivos de la presentación. Esta opción solo está disponible si el Storage Selector está configurado en Local Contenido. Se le pedirá que localice y seleccione el archivo .html que desea mostrar.
- Cadena de consulta (opcional): Introduzca una cadena de consulta para anexarla a la URL del sitio utilizando el siguiente formato: http://www.example.com/over/there?my_query_string
Los campos URL y Cadena de consulta aceptan Variables. Para especificar una Variable, introduzca el nombre de la variable entre dos conjuntos de llaves. El valor de la variable puede ser independiente (por ejemplo, {{my_variable}}) o parte de un valor estático (por ejemplo, http://www.brightsign.biz/{{my_variable}}).
Opciones
Utilice las siguientes casillas de verificación para habilitar funciones avanzadas opcionales asociadas con la página web:
- Habilitar objetos JavaScript de BrightSign: Habilita Objetos BrightScript-JavaScript para la página HTML.
- Habilitar verificaciones de políticas entre dominios: Habilita las comprobaciones de seguridad de Chromium para solicitudes de origen cruzado.
- Ignorar errores de certificado HTTPS: Indica al estado que ignore los errores de seguridad al conectarse a hosts HTTPS inseguros. Habilitar esta función hace que el reproductor sea inseguro; no es adecuado para entornos de producción y solo debe utilizarse para pruebas.
- Habilitar cámara: Habilita el acceso de la página web a cámaras USB conectadas al reproductor (el acceso está deshabilitado de forma predeterminada). Esto permite compatibilidad con aplicaciones WebRTC.
- Habilitar eventos de mouse y táctiles: Habilita la interacción del usuario con la página HTML (hacer clic en enlaces, interactuar con elementos JavaScript, etc.).
- Mostrar cursor: Muestra un cursor siempre que haya un mouse USB conectado al reproductor.
- Habilitar reproducción de video nativa: Habilita Video HWZ en todos los elementos <video> contenidos dentro de la página. Esto incrementa la velocidad de fotogramas y la calidad de la reproducción de video HTML, pero también puede causar problemas con las transformaciones de página CSS y otros elementos de la página. De forma predeterminada, colocará el video encima de todos los gráficos de la presentación y establecerá el Modo de video de todos los elementos <video> a Escalar para rellenar.
- Habilitar reproducción de video nativa de Chromium: Esta función le permite usar el reproductor de video de Chromium en lugar del reproductor de video de BrightSign que está basado en el software MPV. Tenga en cuenta que algunas funciones solo funcionarán al usar el reproductor de video de BrightSign (como la sincronización), pero para los clientes que intentan reproducir sitios web estándar y no contenido HTML desarrollado de forma personalizada para BrightSign, el reproductor de video de Chromium actuará más como Chrome en un equipo de escritorio. Esto solo está disponible en reproductores Series 5 (excepto AU335) y 6.
- Habilitar consola JavaScript: Habilita el Inspector web para sitios HTML en la presentación. Por motivos de seguridad, Habilitar consola JavaScript solo debe usarse en presentaciones que no sean de producción. Asegúrese de deshabilitar la consola JavaScript antes de publicar en un entorno de producción. En la versión de Chromium incluida en BOS 8.5 y posteriores, la consola JavaScript registrará información en memoria incluso cuando no esté conectado al inspector. Esto consumirá memoria hasta que el reproductor se quede sin ella, lo que provocará un bloqueo. Para habilitar la consola JavaScript en BOS 8.5.31 y superiores, deberá hacer una de las siguientes acciones:
- Establezca la clave de registro habilitar_inspector_web (en la sección "html") para habilitar la consola JavaScript (consulte "inspector_server" en roHtmlWidget para obtener más información).
- Habilite "Chromium debugging" en BrightSign Author Remote DWS (con BrightSign Author versión 1.7.11 y posteriores) o Local DWS.
- Los sitios desde URL comparten almacenamiento: Los widgets HTML que muestran URL de archivos compartirán la misma base de datos de almacenamiento.
- Los sitios desde el disco local comparten almacenamiento: En OS 8.2.55.4 y posteriores, los widgets HTML que se cargan desde protocolos HTTP/HTTPS no comparten la misma base de datos de almacenamiento local (los widgets HTML que se cargan mediante el protocolo file se comportan como antes). Esta marca permite que los widgets HTML cargados mediante el protocolo HTTP/HTTPS compartan almacenamiento local si se cargan desde el mismo dominio.
Notas
Esta sección le permite almacenar información importante sobre el estado HTML5 para futuros usuarios. Puede modificarse en cualquier momento.
Avanzado
Esta sección le permite agregar comandos a su presentación para ampliar su funcionalidad. Consulte Comandos y objetivos condicionales para obtener más información.
Uso de estados HTML5
Para agregar un componente HTML a su presentación:
- Seleccione un sitio web externo para mostrar o cargue un sitio web interno en la Biblioteca de contenido (vaya al menú desplegable Contenido y seleccione Nuevo Componente > Cargar sitio HTML).
- Seleccione y arrastre el widget HTML a su lienzo.
- Verá un punto rojo en el widget, lo que indica que algunas Propiedades del estado deben completarse. Complételas según lo que desee mostrar.
- Ahora conecte otros eventos al estado HTML según lo desee.
Ejemplo
Este video tutorial le muestra cómo agregar información meteorológica y de hora a una presentación usando un widget HTML.