Agregar recursos de Dynamic Media a las páginas

Para agregar la funcionalidad de Dynamic Media a los recursos que utilice en sus sitios web, puede agregar el componente Dynamic Media o Medios interactivos directamente en la página. Para ello, introduzca el modo Diseño y habilite los componentes de medios dinámicos. 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.

Añadir un componente de Dynamic Media en una página

Añadir el componente Dynamic Media o Medios interactivos en una página es lo mismo que agregar un componente a cualquier página. Los componentes Dynamic Media y Medios interactivos 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 en 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 en la barra de tareas.

  4. Arrastre el componente Dynamic Media o Medios interactivos desde el 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

Medios dinámicos 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 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 modo Diseñ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

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 la activación de Dynamic Media 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 la siguiente configuración de Dynamic Media haciendo clic en Editar en el componente y luego en la ficha Configuración de Dynamic Media.

chlimage_1-73

NOTA

De forma predeterminada, el componente de imagen Dynamic Media es adaptable. Si desea convertirlo en un tamaño fijo, configúrelo en la ficha Avanzado con las propiedades Ancho y Altura.

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. Se describen en Administración de ajustes preestablecidos de imagen y en la referencia de comando.

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: 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. Configure las URL y Abrir en para indicar si desea que se abra en la misma ventana o en una nueva.

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 agregar 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 sea un tamaño fijo, configúrelo en el componente con la anchura y altura en la ficha Avanzado.

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.

Puede editar la siguiente configuración Avanzada 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, tiene varias opciones. 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