Agregar recursos de Dynamic Media a las páginas

Para añadir la funcionalidad de Dynamic Media a los recursos que utilice en sus sitios web, puede añadir el componente Dynamic Media o Interactive Media directamente en la página. Para ello, introduzca el modo Design y active los componentes de Dynamic Media. A continuación, puede añadir estos componentes a la página y añadir recursos al componente. Los componentes Dynamic Media y los medios interactivos son inteligentes: saben si va a añadir una imagen o un vídeo y las opciones disponibles cambian en consecuencia.

Puede añadir recursos de Dynamic Media directamente a la página si utiliza AEM como WCM.

NOTA

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

Adición de un componente Dynamic Media a una página

Añadir el componente Dynamic Media o Medios interactivos a una página es lo mismo que añadir un componente a cualquier página. Los componentes Dynamic Media y Interactive Media se describen detalladamente en las secciones siguientes.

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. Si no hay ningún componente de Dynamic Media disponible, haga clic en la regla de la Barra de tareas para entrar en el modo Diseño, haga clic en Editar parsys y seleccione Dynamic Media para que los componentes de Dynamic Media estén disponibles.

    NOTA

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

  3. Vuelva al modo Editar haciendo clic en el icono de lápiz de la Barra de tareas.

  4. Arrastre el componente Dynamic Media o Medios interactivos del grupo Otro de la barra de tareas a la página en la ubicación deseada.

  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

Dynamic Media y Medios interactivos están disponibles en Sidekickunder Dynamic Media. 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 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 modo Diseño, puede añadir 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: en función de si se añade una imagen o un vídeo, hay 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 es interactivo. 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

Cuando agregue el componente Dynamic Media y Configuración de Dynamic Media esté en blanco o no pueda agregar un recurso correctamente, compruebe lo siguiente:

  • 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 que Dynamic Media esté habilitado no tienen un archivo tiff piramidal.

Uso de imágenes

El componente Dynamic Media permite agregar imágenes dinámicas, incluidos conjuntos de imágenes, conjuntos de giros y conjuntos de medios mixtos. 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

Puede editar las siguientes configuraciones de Dynamic Media haciendo clic en Editar en el componente y luego en la pestaña Configuración de Dynamic Media.

chlimage_1-73

NOTA

De forma predeterminada, el componente de imagen Dynamic Media es adaptable. Si desea que tenga un tamaño fijo, configúrelo en el componente de la pestaña Avanzado con las propiedades Width y Height.

Ajuste preestablecido de visualizador : seleccione un ajuste preestablecido de visualizador 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 suministrando comandos de imagen adicionales. Estos se describen en Administración de ajustes preestablecidos de imagen y en la Referencia de comandos.

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.

Puede editar la siguiente Configuración avanzada haciendo clic en Editar en el componente.

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

Texto alternativo : agregue un título a la imagen para los usuarios que tengan 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 configurar un recurso de para abrir un vínculo. Configure las URL y Abrir en para indicar si desea que se abra en la misma ventana o en una nueva ventana.

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.

Al trabajar con vídeo

Utilice el componente Dynamic Media para añadir vídeo dinámico a las páginas web. 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

Puede editar la siguiente Configuración de Dynamic Media haciendo clic en Editar en el componente.

NOTA

De forma predeterminada, el componente de vídeo de Dynamic Media es adaptable. Si desea que tenga un tamaño fijo, configúrelo en el componente con la Anchura y Altura en la pestaña Avanzado.

Ajuste preestablecido de visualizador : seleccione un ajuste preestablecido de visualizador 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.

Puede editar las siguientes opciones de configuración Advanced haciendo clic en Editar en el componente.

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.

El componente Medios interactivos es inteligente, ya que, dependiendo de si agrega una imagen o un vídeo, dispone de varias opciones. Además, el visor es interactivo. 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 visualizador : seleccione un ajuste preestablecido de visualizador 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 : de forma predeterminada, este valor está seleccionado. 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 : de forma predeterminada, se selecciona este valor. 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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now