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

Last update: Tue Apr 16 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Temas:
Authoring Screens

Creado para:

Intermediate
Admin
Developer

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 Pantallas, siga los pasos a continuación:

Haga clic en el canal. Por ejemplo, We.Retail In Store > Canales > Canal inactivo.
Clic Editar de la barra de acciones.
AEM En el Editor de, haga clic en + de la barra lateral.
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 añadir otros componentes (no incluidos de forma predeterminada) al proyecto, ya que son compatibles con AEM Screens.

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

Haga clic en el canal en el que desee añadir un componente. Por ejemplo, We.Retail In Store > Canales > Canal inactivo.
Clic Editar de la barra de acciones.
Clic Diseño modo.
Haga clic en todo el editor de diseño a la derecha y haga clic en el símbolo de configuración para poder abrir Diseño de Parsys Cuadro de diálogo.
Puede hacer clic en los componentes que desea importar al proyecto de AEM Screens. El siguiente ejemplo muestra la adición de Livefyre a un proyecto de AEM Screens.

adding_components

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 Aplicación Este componente permite añadir una aplicación al canal.

El componente de aplicación tiene las siguientes propiedades:

Propiedad

Descripción

Ruta de 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, 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:

adding_componentsapplication

NOTE

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

Canal channel

El Canal Este componente le permite añadir un canal completo al proyecto.

El componente Canal tiene las siguientes propiedades:

Propiedad

Descripción

Ruta de canal

Seleccione esta ruta 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

Un Página integrada permite añadir 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 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 pantallas.

Una secuencia incrustada permite agregar un canal de secuencia incrustado 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 soltero. Estableciendo el valor en original significa que la subsiguiente se ejecuta completamente en cada ciclo de la secuencia principal. El otro valor posible es soltero. 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 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 pantallas.

La secuencia incrustada dinámica tiene las siguientes propiedades:

Propiedad

Descripción

Rol de asignación de canal

Introduzca la función 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 soltero. Estableciendo el valor en original significa que la subsiguiente se ejecuta completamente en cada ciclo de la secuencia principal. El otro valor posible es soltero. 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 del lado del 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

El Bibliotecas del lado del cliente y el Archivos estáticos que agregue desde este componente se suman a los ya configurados Bibliotecas del lado del cliente y los archivos estáticos que se añaden desde el Propiedades.

Imagen image

Una imagen permite añadir una imagen al canal.

El recurso de imagen tiene tres pestañas: 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 forma predeterminada, la duración está configurada en 8000 milisegundos. Si desea cambiar la duración de reproducción de la imagen, actualice el Duración field.

Transición transition

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

La siguiente imagen muestra el componente de transición (añadido mediante 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 la llave inglesa) para abrir Transición Cuadro de diálogo. Este cuadro de diálogo incluye tres fichas:

Transición
Secuencia
Activation

NOTE

De forma predeterminada, la secuencia se establece en 600 milisegundos. Puede actualizar la secuencia de transición a otros valores mediante el Secuencia pestaña.

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 Tipo 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

Marca de tiempo que 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 Pantallas.

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 el procesamiento a contain o cubierta.

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

Cubierta 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