DocumentaciónAEMGuía de AEM Screens

Adición de componentes a un canal adding-components-to-a-channel

Last update: Fri Jul 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Intermedio
  • Administrador
  • Desarrollador

AEM Los componentes son los elementos fundamentales de la experiencia de la (Adobe Experience Manager). Puede utilizar varios componentes y añadirlos al canal en un proyecto de AEM Screens.

Componentes en AEM Screens components-in-aem-screens

AEM Screens AEM proporciona diferentes componentes de la que se pueden utilizar en un proyecto de Screens.

Visualización de componentes de AEM Screens viewing-aem-screens-components

Siempre que cree un proyecto de AEM Screens, verá una lista de componentes predeterminados que se pueden agregar al proyecto.

Para ver los componentes predeterminados del proyecto de Screens, siga los pasos a continuación:

  1. Haga clic en el canal. Por ejemplo, We.Retail In Store > Canales > Canal inactivo.

  2. Haga clic en Editar en la barra de acciones.

  3. AEM En el Editor de, haga clic en el icono + de la barra lateral.

  4. Se muestran todos los componentes que se incluyen de forma predeterminada en un proyecto de AEM Screens, como se muestra en la figura siguiente.

screen_shot_2017-12-18at21350pm

Agregar un nuevo componente adding-a-new-component

AEM La ofrece otros componentes. Siempre puede agregar otros componentes (no incluidos de forma predeterminada) al proyecto, dado que esos componentes son compatibles con AEM Screens.

El siguiente ejemplo muestra la adición de un componente Livefyre a un proyecto de AEM Screens:

  1. Haga clic en el canal en el que desee añadir un componente. Por ejemplo, We.Retail In Store > Canales > Canal inactivo.

  2. Haga clic en Editar en la barra de acciones.

  3. Haga clic en el modo Diseño.

  4. Haga clic en todo el editor de diseño de la derecha y haga clic en el símbolo de configuración para poder abrir el cuadro de diálogo Diseño Parsys.

  5. Puede hacer clic en los componentes que desea importar al proyecto de AEM Screens. El siguiente ejemplo muestra la adición del componente Livefyre a un proyecto de AEM Screens.

agregar_componentes

NOTE
Del mismo modo, puede agregar al proyecto cualquier otro número de componentes nuevos que sean compatibles con AEM Screens.

AEM Explicación de los componentes de pantalla understanding-aem-screen-components

En la siguiente sección se explican los componentes de AEM Screens que puede utilizar en el proyecto.

NOTE
Para ver las propiedades de cualquier componente, haga clic en el componente y haga clic en el icono de martillo para abrir o ver las propiedades.

Aplicación application

El componente Aplicación le permite agregar una aplicación a su canal.

El componente de la aplicación tiene las siguientes propiedades:

Propiedad
Descripción
Ruta de la aplicación
Haga clic en la ruta absoluta donde existe la aplicación.
Duración (milisegundos)
Haga clic en la duración de la aplicación. De forma predeterminada, la duración se establece en -1, lo que significa que el elemento se ejecuta para siempre (es decir, una aplicación de una sola página). Al establecer el valor de duración >0, se muestra el elemento para la duración especificada y, a continuación, se pasa al siguiente.

El siguiente ejemplo muestra cómo incrustar un componente de aplicación junto con la vista previa de sus propiedades:

agregando_componentsapplication

NOTE
Consulte el ejemplo anterior para ver las propiedades de cada uno de los componentes siguientes.

Canal channel

El componente Canal le permite agregar un canal completo a su proyecto.

El componente Canal tiene las siguientes propiedades:

Propiedad
Descripción
Ruta de canal
Seleccione esta ruta de acceso absoluta donde existe la aplicación.
Duración (milisegundos)
Seleccione toda la duración del canal. Si establece la duración como -1, indica que el canal incrustado se ejecuta a toda su longitud en un canal concreto.

Página integrada embedded-page

Una página incrustada le permite agregar una página incrustada al proyecto. Por ejemplo, puede ser una aplicación web o un catálogo de productos.

La página incrustada tiene las siguientes propiedades:

Propiedad
Descripción
Ruta de página
Seleccione esta ruta de acceso absoluta donde existe el canal.
Duración (milisegundos)
Seleccione toda la duración del canal. Si establece la duración como -1, indica que el canal incrustado se ejecuta a toda su longitud en un canal concreto.

Secuencia integrada embedded-sequence

NOTE
Para obtener información detallada sobre las secuencias incrustadas, consulte Secuencias incrustadas en la sección Creación de Screens.

Una secuencia incrustada le permite agregar un canal de secuencia incrustada dentro del canal existente (con otros recursos).

La secuencia incrustada tiene las siguientes propiedades de página:

Propiedad
Descripción
Ruta de canal
Seleccione la ruta absoluta de la secuencia que desea incluir en el canal.
Duración (milisegundos)
Seleccione toda la duración del canal. Si establece la duración como -1, indica que el canal incrustado se ejecuta a toda su longitud en un canal concreto.
Estrategia
Configúrelo en original o único. Si establece el valor en original, la subsiguiente secuencia se ejecutará completamente en cada ciclo de la secuencia principal. El otro valor posible es single. Este valor solo muestra un elemento de la subsiguiente en cada ejecución. Por ejemplo, el primer elemento del primer bucle y el segundo elemento del segundo bucle.

Secuencia integrada dinámica dynamic-embedded-sequence

Una secuencia incrustada dinámica le permite agregar una secuencia similar a la mencionada anteriormente, excepto por función de canal.

Para obtener más información sobre las secuencias incrustadas, consulte Secuencias incrustadas en la sección Creación de Screens.

La secuencia incrustada dinámica tiene las siguientes propiedades:

Propiedad
Descripción
Rol de asignación de canal
Escriba el rol de canal.
Duración (milisegundos)
Seleccione toda la duración del canal. Si establece la duración como -1, indica que el canal incrustado se ejecuta a toda su longitud en un canal concreto.
Estrategia
Configúrelo en original o único. Si establece el valor en original, la subsiguiente secuencia se ejecutará completamente en cada ciclo de la secuencia principal. El otro valor posible es single. Este valor solo mostraría un elemento de la subsiguiente en cada ejecución. Por ejemplo, el primer elemento del primer bucle y el segundo elemento del segundo bucle.

Fragmento de experiencias experience-fragment

Un fragmento de experiencia le permite añadir un fragmento de experiencia (un grupo de uno o más componentes, incluido contenido y diseño, al que se puede hacer referencia dentro de las páginas) al canal de AEM Screens. AEM Arrastre y suelte el componente en el Editor de y haga clic en el Fragmento de experiencia.

Para obtener más información sobre cómo crear un fragmento de experiencia y aplicarlo a un proyecto de AEM Screens, consulte Uso de fragmentos de experiencias.

exp

Propiedad
Descripción
Fragmento de experiencias
Fragmento de experiencias
Seleccione el Fragmento de experiencia.
Duración
Seleccione toda la duración del fragmento de experiencia que se reproduce en el canal.
Configuración sin conexión
Bibliotecas de cliente
Archivos JavaScript y CSS.
Archivos estáticos
Archivos estáticos que se pueden agregar como configuraciones sin conexión al Fragmento de experiencia.
NOTE
Las bibliotecas del lado cliente y los archivos estáticos que agrega desde este componente se suman a las bibliotecas del lado cliente ya configuradas y a los archivos estáticos que se agregan desde las propiedades del fragmento de experiencia.

Imagen image

Una imagen permite añadir una imagen al canal.

El recurso de imagen tiene tres fichas, a saber Imagen, Accesibilidad y Secuencia:

Propiedad
Descripción
Imagen
Recurso de imagen
Haga clic en el recurso de imagen.
Título
Título de la imagen.
Vincular A
Añada un vínculo a la imagen.
Descripción
Descripción breve de la imagen.
Tamaño
Tamaño de la imagen.
Accesibilidad
Texto alternativo
Texto alternativo a la imagen.
Secuencia
Duración
De manera predeterminada, la duración está establecida en 8000 milisegundos. Si desea cambiar la duración de reproducción de la imagen, actualice el campo Duration.

Transición transition

El componente Transición permite añadir una transición al proyecto de Screens.

La siguiente imagen muestra el componente de transición (añadido mediante la función de arrastrar y soltar) en el editor.

screen_shot_2019-07-25at104237am

Haga clic en el icono de transición y luego en Configurar (icono de llave inglesa) para abrir el cuadro de diálogo Transición. Este cuadro de diálogo incluye tres fichas:

  • Transición
  • Secuencia
  • Activación
NOTE
De forma predeterminada, la secuencia se establece en 600 milisegundos. Puede actualizar la secuencia de transición a otros valores mediante la ficha Secuencia.

transición

El componente de transición tiene las siguientes propiedades:

Propiedad
Descripción
Transición
Tipo

Tipo de transición entre el elemento anterior y el elemento posterior. La transición Type incluye las siguientes opciones:

  • Normal
  • Atenuación
  • Aparecer por la derecha
  • Aparecer por la izquierda
  • Aparecer por la parte superior
  • Aparecer por la parte inferior
Secuencia
Duración
Seleccione toda la duración de la transición. De forma predeterminada, se establece en 600 milisegundos.
Activación
Activo desde
Marca de tiempo que describe desde cuándo puede estar activa la transición.
Activo hasta
La marca de tiempo describe hasta cuándo puede estar activa la transición.
Programación
Añada una programación predefinida.

Vídeo video

El componente Vídeo permite agregar un vídeo al proyecto de Screens.

El componente de vídeo tiene las siguientes propiedades:

Propiedad
Descripción
Recurso de vídeo
Haga clic en el vínculo del vídeo.
Duración
Seleccione la duración del vídeo. De forma predeterminada, la duración se establece en -1, lo que significa que el elemento se ejecuta para siempre. Al establecer el valor de duración >0, se muestra el elemento para la duración especificada y, a continuación, se pasa al siguiente.
Procesamiento

Si la proporción de aspecto del vídeo no se ajusta a la pantalla, puede ajustar la representación a contain o cover.

Contain significa que se muestra el vídeo completo y que las áreas que faltan se rellenan con un borde negro.

Portada significa que el vídeo cubre toda la ventanilla móvil, pero algunas partes que se desbordan en los lados están ocultas.

Tamaño
Tamaño del vídeo.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053