Logotipo de Performance HubPerformance Hub
Sección del sitio: Documentación

Agregar contenido

En esta página

Todo lo que muestra una pantalla empieza en la Library. Esta página explica cada forma de agregar contenido: imágenes y videos, páginas web, apps y vistas en vivo de cámaras. Una vez que un elemento está en la Library, publícalo en las pantallas o agrégalo a una playlist.

Referencia rápida

Dónde encontrarlo: Display Screens → Library → Add content

Quién tiene acceso: los usuarios con acceso a Display Screens en la instalación. Las vistas en vivo de circuito cerrado de televisión también requieren acceso a circuito cerrado de televisión en la instalación.

Propósito: incorporar contenido nuevo a la Library, listo para publicar

El cuadro de diálogo Add contentEl cuadro de diálogo Add content

Figura 1: Agrega contenido a la Library

Haz clic en Add content en la pestaña Library y luego elige qué agregar. Para conocer los formatos que acepta cada tipo y para qué sirve, consulta Tipos de contenido.

Imágenes y videos

Subir archivos:

  1. Haz clic en Add content.
  2. Arrastra imágenes y videos a Drag images and videos here, o haz clic en Browse files.
TipoFormatosTamaño máximo
ImágenesJPEG, PNG, WebP o GIF25 MB cada una
VideosMP4, WebM o MOV2 GB cada uno

Importar desde un enlace:

  1. Haz clic en Add content → Image or video from a link.
  2. En Link, pega un enlace público https:// a un archivo JPG, PNG, WebP, GIF, MP4 o WebM. Las imágenes enlazadas pueden pesar hasta 25 MB y los videos enlazados hasta 200 MB.
  3. De forma opcional, ingresa un Name (si no, se toma del enlace) y Tags.
  4. Haz clic en Import.

El cuadro de diálogo Import an image or videoEl cuadro de diálogo Import an image or video

Figura 2: Importa una imagen o un video desde un enlace

Los archivos enlazados se copian en tu Library, por lo que el elemento sigue funcionando aunque cambie el enlace original.

Las imágenes y los videos nuevos muestran el estado processing mientras se generan versiones listas para las pantallas: normalmente menos de un minuto para las imágenes, y más para los videos. Puedes agregar de inmediato un elemento en procesamiento a las playlists, y empezará a reproducirse cuando esté listo. Si el procesamiento falla, el elemento se marca como Failed y muestra el motivo; corrige el archivo y vuelve a subirlo. Para encontrar elementos así, haz clic en el chip Needs attention o establece el filtro Status en Needs attention.

Un elemento con error encontrado con el filtro Needs attentionUn elemento con error encontrado con el filtro Needs attention

Figura 3: Un elemento que no se pudo procesar muestra Failed; filtra por Needs attention para encontrarlo

Páginas web externas

  1. Haz clic en Add content → External Web Page.
  2. En Link, ingresa la dirección https:// de la página y asígnale un Name.
  3. De forma opcional, agrega Tags y establece Show for (seconds): cuánto tiempo se muestra en una playlist. Déjalo vacío para usar el valor predeterminado de la playlist.
  4. Haz clic en Add to library.

El cuadro de diálogo Add an External Web PageEl cuadro de diálogo Add an External Web Page

Figura 4: Agrega una página web

Algunos sitios web impiden que se muestren dentro de otras páginas ("framing"). Esas páginas no se pueden reproducir dentro de una playlist ni como elemento de la Library, pero sí pueden ocupar una pantalla completa: establece el Data Source de esa pantalla en Full-page website (Kiosk Mode) e ingresa allí la dirección.

Una página web se carga en vivo, por lo que la pantalla necesita acceso a internet para mostrarla.

Aplicaciones web en el dispositivo

Una On-Device Web App es tu propia página o app web, que se sube como un ZIP de HTML, CSS y JavaScript. Las pantallas conservan una copia, por lo que sigue reproduciéndose aunque se pierda la conexión a internet. También puedes pedirle a un agente de IA que cree y publique una por ti; consulta Apps publicadas.

  1. Haz clic en Add content → On-Device Web App. Para empezar con un ejemplo que funciona, haz clic en Download the starter template, edita los archivos y abre index.html en un navegador para probarlo.
  2. Crea tu app con una página de inicio index.html en el nivel superior, junto con los archivos CSS, JavaScript, imágenes y fuentes que use. Debe caber en la pantalla sin desplazarse.
  3. En App files, suelta un ZIP, una carpeta o archivos, o usa Choose ZIP, Choose folder o Choose files.
  4. Asigna a la app un Name y, de forma opcional, Tags y Show for (seconds).
  5. Haz clic en Publish app.

El cuadro de diálogo Add an On-Device Web AppEl cuadro de diálogo Add an On-Device Web App

Figura 5: Sube una On-Device Web App

Incluye en el ZIP todo lo que necesita la app. Lo que la app cargue desde internet no estará disponible cuando la pantalla esté desconectada. Para conocer los límites de tamaño, las versiones y las pautas de diseño, consulta On-Device Web Apps.

Agente: Aplicaciones publicadas

Las apps que crea y publica tu Agente de IA se pueden mostrar en vivo en las pantallas. Una vez que el agente publicó una app y se permitió en las pantallas, aparece en Agent: Published App al agregar contenido.

  1. Haz clic en Add content → Agent: Published App.
  2. Elige la app, asígnale un Name y, de forma opcional, Tags y Show for (seconds).
  3. Haz clic en Add to library.

Para saber cómo publicar una app desde tu Agente de IA, qué requisitos tiene y cuándo la omiten las pantallas, consulta Agent: Published Apps.

Circuito cerrado de televisión/Videovigilancia como servicio: Vistas en vivo

Una CCTV/VSaaS: Live View muestra cámaras en vivo de esta instalación en una pantalla, como un videowall.

Antes de empezar:

  • Necesitas acceso a CCTV / VSaaS.
  • Un administrador de la organización con acceso a circuito cerrado de televisión debe activar Allow CCTV on display screens en Configuración → CCTV. Está desactivado de forma predeterminada.
  • Las transmisiones de cámaras en vivo son visibles para cualquier persona que esté cerca de las pantallas. Piensa en la privacidad antes de publicar una, especialmente en las áreas donde pasan tiempo clientes, huéspedes, pacientes o socios.

Para agregar una vista en vivo:

  1. Haz clic en Add content → CCTV/VSaaS: Live View.
  2. Elige la fuente:
    • Choose cameras: haz clic en hasta 9 cámaras, en el orden en que quieres que aparezcan en el videowall, y luego elige un Layout: Automatic, One camera, Side by side, One large, two small, 2 × 2, One large, five small, 3 × 2 o 3 × 3. On screen muestra una vista previa del videowall.
    • Shared Live View: elige una de las Vistas en vivo que tu equipo ya comparte en CCTV/VSaaS. Las vistas con más de 9 cámaras muestran las 9 primeras.
  3. En Quality on screens, elige Auto (recommended), Native (the camera's own quality) o una calidad fija de 1080p, 720p, 480p o 360p. Auto reproduce la calidad propia de la cámara en las pantallas que están en la misma red que su Edge Processor, y 720p (hasta 3 cámaras) o 360p (más cámaras) en las demás. Elige una calidad más baja si tu red es lenta.
  4. Elige si quieres Show camera names, y asigna a la vista en vivo un Name y, de forma opcional, Tags.
  5. Haz clic en Add to library. Se te pedirá que confirmes que las cámaras serán visibles en las pantallas.

Selección de cámaras y de un diseño para una vista en vivoSelección de cámaras y de un diseño para una vista en vivo

Figura 6: Agrega una vista en vivo de cámaras: elige las cámaras y un diseño

Selección de una Vista en vivo compartidaSelección de una Vista en vivo compartida

Figura 7: O reutiliza una Vista en vivo compartida en CCTV/VSaaS

Las opciones de Quality on screensLas opciones de Quality on screens

Figura 8: Elige la calidad del video en las pantallas

Las pantallas que no pueden reproducir video en vivo muestran en su lugar una imagen fija cada pocos segundos.

Las vistas en vivo solo se pueden mostrar en pantallas de esta instalación. Las pantallas omiten una vista en vivo si la instalación ya no tiene circuito cerrado de televisión, si se desactivó Allow CCTV on display screens o si ninguna de sus cámaras está disponible; en este último caso, edita las cámaras de la vista en vivo para solucionarlo.