Agregar recursos de Dynamic Media a las páginas

To add the Dynamic Media functionality to assets you use on your websites, you can add the Dynamic Media or Interactive Media component directly on the page. You do this by entering Design mode and enabling the dynamic media components. A continuación, puede añadir estos componentes a la página y añadir recursos al componente. Los componentes de Dynamic Media y Medios interactivos son inteligentes; es decir, saben si va a añadir una imagen o un vídeo, y las opciones disponibles cambian según corresponda.

Puede agregar recursos de medios dinámicos directamente a la página si está utilizando AEM como WCM.

Nota

Para los titulares de carrusel, hay mapas de imágenes disponibles de fábrica.

Adding a Dynamic Media component to a page

Adding the Dynamic Media or Interactive Media component to a page is the same as adding a component to any page. The Dynamic Media and Interactive Media components are described in detail in the following sections.

Para añadir un componente o visor de Dynamic Media a una página:

  1. En AEM, abra la página a la que desea añadir el componente de Dynamic Media.

  2. If no Dynamic Media component is available, click the ruler in the Sidekick to enter Design mode, click Edit parsys, and select Dynamic Media to make the Dynamic Media components available.

    Nota

    Consulte Configuración de componentes en el modo Diseño para obtener más información.

  3. Return to Edit mode by clicking the pencil icon in the Sidekick.

  4. Drag the Dynamic Media or Interactive Media component from the Other group in the sidekick onto the page in the desired location.

  5. Haga clic en Editar para abrir el componente.

  6. Edite el componente según sea necesario y haga clic en Aceptar para guardar los cambios.

Componentes de Dynamic Media

Los medios dinámicos y los medios interactivos están disponibles en la barra de tareas en Medios dinámicos. El componente de Medios interactivos se utiliza para cualquier recurso interactivo, como vídeo interactivo, imágenes interactivas o conjuntos de carrusel. Para todos los demás componentes de Dynamic Media, utilice el componente de Dynamic Media.

chlimage_1-71

Nota

Estos componentes no están disponibles de forma predeterminada y se deben seleccionar en el modo Diseño para que se puedan usar. Una vez que estén disponibles en el modoDiseño, puede agregar los componentes a la página como lo haría con cualquier otro componente AEM.

Componente de Dynamic Media

El componente Dynamic Media es inteligente, ya sea que agregue una imagen o un vídeo, tiene varias opciones. El componente admite ajustes preestablecidos de imagen, visores basados en imágenes, como conjuntos de imágenes, conjuntos de giros, conjuntos de medios mixtos y vídeo. Además, el visor responde. Es decir, el tamaño de la pantalla cambia automáticamente en función del tamaño de la pantalla. Todos los visores son visores basados en HTML5.

Nota

When you add the Dynamic Media component, and Dynamic Media Settings is blank or you cannot add an asset properly, check the following:

  • Dynamic Media se ha activado. Dynamic Media está desactivado de forma predeterminada.
  • La imagen tiene un archivo TIFF piramidal. Las imágenes importadas antes de la activación de Dynamic Media no tienen un archivo TIFF piramidal.

Uso de imágenes

The Dynamic Media component lets you add dynamic images, including image sets, spin sets, and mixed media sets. Puede acercar, alejar y, si procede, girar una imagen en un conjunto de giros o seleccionar una imagen de otro tipo de conjunto.

También puede configurar el ajuste preestablecido de visor, el ajuste preestablecido de imagen o el formato de imagen directamente en el componente. Para hacer que en una imagen sea interactiva, puede establecer puntos de interrupción o aplicar un ajuste preestablecido de imagen interactiva.

chlimage_1-72

You can edit the following Dynamic Media settings by clicking Edit in the component and then clicking the Dynamic Media Settings tab.

chlimage_1-73

Nota

De forma predeterminada, el componente de imagen Dynamic Media es adaptable. If you want to make it a fixed size, set it in the component in the Advanced tab with the Width and Height properties.

Ajuste preestablecido de visor: seleccione un ajuste preestablecido de visor existente en el menú desplegable. Si el ajuste preestablecido de visor que busca no está visible, es posible que tenga que hacerlo visible. Consulte Administración de ajustes preestablecidos de visor. No es posible seleccionar un ajuste preestablecido de visor si utiliza un ajuste preestablecido de imagen, y viceversa.

Esta es la única opción disponible al visualizar conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos. Los ajustes preestablecidos de visor que se muestran también son inteligentes; solo aparecen los ajustes preestablecidos de visor relevantes.

Ajuste preestablecido de imagen: seleccione un ajuste preestablecido de imagen existente en el menú desplegable. Si el ajuste preestablecido de imagen que busca no está visible, es posible que tenga que hacerlo visible. Consulte Administración de ajustes preestablecidos de imagen. No es posible seleccionar un ajuste preestablecido de visor si utiliza un ajuste preestablecido de imagen, y viceversa.

Esta opción no está disponible si visualiza conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

Modificadores de imagen: puede cambiar los efectos de imagen proporcionando comandos de imagen adicionales. These are described in Managing Image Presets and the Command reference.

Esta opción no está disponible si visualiza conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

Puntos de interrupción : si utiliza este recurso en un sitio interactivo, debe agregar los puntos de interrupción de la página. Los puntos de interrupción de imagen deben separarse por comas (,). Esta opción funciona cuando no se ha definido ninguna altura o anchura en el ajuste preestablecido de una imagen.

Esta opción no está disponible si visualiza conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

You can edit the following Advanced Settings by clicking Edit in the component.

Título : cambie el título de la imagen.

Texto alternativo: Añada un título a la imagen para los usuarios que tienen los gráficos desactivados.

Esta opción no está disponible si visualiza conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

URL, Abrir en : puede definir un recurso desde para abrir un vínculo. Set the URL and Open in to indicate whether you want it to open in the same window or a new window.

Esta opción no está disponible si visualiza conjuntos de imágenes, conjuntos de giros o conjuntos de medios mixtos.

Anchura y altura : introduzca el valor en píxeles si desea que la imagen tenga un tamaño fijo. Si deja estos valores en blanco, hace que el recurso sea adaptable.

When working with video

Use the Dynamic Media component to add dynamic video to your web pages. Cuando edita el componente, tiene la opción de usar un ajuste preestablecido de visor de vídeo predefinido para reproducir el vídeo en la página.

chlimage_1-74

You can edit the following Dynamic Media Settings by clicking Edit in the component.

Nota

De forma predeterminada, el componente de vídeo de Dynamic Media es adaptable. If you want to make it a fixed size, set it in the component with the Width and Height in the Advanced tab.

Ajuste preestablecido de visor: seleccione un ajuste preestablecido de visor de vídeo existente en el menú desplegable. Si el ajuste preestablecido de visor que busca no está visible, es posible que tenga que hacerlo visible. Consulte Administración de ajustes preestablecidos de visor.

You can edit the following Advanced settings by clicking Edit in the component.

Título : cambie el título del vídeo.

Anchura y altura : introduzca el valor en píxeles si desea que el vídeo tenga un tamaño fijo. Si deja estos valores en blanco, hace que el vídeo sea adaptable.

Procedimiento para enviar vídeo seguro

En AEM 6.2, cuando instala FP-13480, puede controlar si un vídeo se entrega sobre una conexión SSL segura (HTTPS) o una conexión no segura (HTTP). De manera predeterminada, el protocolo de envío de vídeo se hereda automáticamente del protocolo de la página web en el que se integra el vídeo. Si la página web se carga sobre HTTPS, el vídeo también se envía sobre HTTPS. Del mismo modo, si la página web se carga sobre HTTP, el vídeo se envía sobre HTTP. En la mayoría de los casos, el comportamiento predeterminado es adecuado y no hace falta realizar cambios en la configuración. Sin embargo, puede sustituir este comportamiento predeterminado si anexa VideoPlayer.ssl=on al final de una ruta de URL o a la lista de otros parámetros de configuración de visor en un fragmento de código integrado para forzar el envío de vídeo seguro.

Para obtener más información sobre el envío de vídeo seguro y el uso del atributo de configuración VideoPlayer.ssl en la ruta de URL, consulte Envío de vídeo seguro en la Guía de referencia de visores. Además del visor de vídeo, el envío de vídeo seguro está disponible para el visor de medios mixtos y el visor de vídeo interactivo.

Componente de Medios interactivos

El componente de Medios interactivos es para los recursos que tienen elementos interactivos integrados en ellos, como puntos interactivos o mapas de imágenes. Si tiene una imagen interactiva, un vídeo interactivo o un titular de carrusel, utilice el componente de Medios interactivos.

The Interactive Media component is smart – depending on whether you add an image or a video, you have various options. Además, el visor responde. Es decir, el tamaño de la pantalla cambia automáticamente en función del tamaño de la pantalla. Todos los visores son visores basados en HTML5.

chlimage_1-75

Puede editar las siguientes opciones de configuración General al hacer clic en Editar en el componente.

Ajuste preestablecido de visor: seleccione un ajuste preestablecido de visor existente en el menú desplegable. Si el ajuste preestablecido de visor que busca no está visible, es posible que tenga que hacerlo visible. Los ajustes preestablecidos de visor se deben publicar para que se puedan usar. Consulte Administración de ajustes preestablecidos de visor.

Título : cambie el título del vídeo.

Anchura y altura : introduzca el valor en píxeles si desea que el vídeo tenga un tamaño fijo. Si deja estos valores en blanco, hace que el vídeo sea adaptable.

Puede editar las siguientes opciones de configuración Añadir a carro al hacer clic en Editar en el componente.

Mostrar recurso de producto: este valor está seleccionado de forma predeterminada. El recurso del producto muestra una imagen del producto, según se ha definido en el módulo Commerce. Desactive la casilla para no mostrar el recurso del producto.

Mostrar precio del producto: este valor está seleccionado de forma predeterminada. El precio del producto muestra el precio del artículo, según se ha definido en el módulo Commerce. Desactive la casilla para no mostrar el precio del producto.

Mostrar formulario de producto: de forma predeterminada, este valor no está seleccionado. En el formulario del producto se incluye las variantes de producto, como talla y color. Desactive la casilla para no mostrar las variantes del producto.

En esta página