Show Menu
TEMAS×

Añadir las funciones de Dynamic Media Classic en la página

Adobe Dynamic Media Classic es una solución alojada para administrar, mejorar, publicar y distribuir recursos de medios enriquecidos en pantallas e impresiones web, móviles, de correo electrónico y conectadas a Internet.
Puede vista de recursos de AEM publicados en Dynamic Media Classic en varios visores:
  • Zoom
  • Flotante
  • Vídeo
  • Plantilla de imagen
  • Imagen
Puede publicar recursos digitales directamente desde AEM a Dynamic Media Classic y publicar recursos digitales desde Dynamic Media Classic en AEM.
Este documento describe cómo publicar recursos digitales de AEM en Dynamic Media Classic y viceversa. Los visores también se describen en detalle. Para obtener información sobre la configuración de AEM para Dynamic Media Classic, consulte Integración de Dynamic Media Classic con AEM .
Consulte también Adición de mapas de imagen .
For more information on using video components with AEM, see Video .
If Dynamic Media Classic assets do not display properly, make sure that Dynamic media is disabled and then refresh the page.

Publicación manual en Dynamic Media Classic desde recursos

Puede publicar recursos digitales en Dynamic Media Classic de la siguiente manera:
AEM publica en Dynamic Media Classic de forma asíncrona. After you click Publish , it may take several seconds for your asset to publish to Dynamic Media Classic.

Componentes de Dynamic Media Classic

Los siguientes componentes de Dynamic Media Classic están disponibles en AEM:
  • Zoom
  • Flotante (zoom)
  • Plantilla de imagen
  • Imagen
  • Vídeo
These components are not available by default and need to be selected in Design mode before using.
After they are made available in Design mode, you can add the components to your page like any other AEM component. Los recursos que aún no se han publicado en Dynamic Media Classic se publican en Dynamic Media Classic si se encuentran en una carpeta sincronizada o en una página o con una configuración de nube de Dynamic Media Classic.
If you are creating and developing custom viewers and using the Content Finder, you need to explicity add the allowfullscreen parameter.

Aviso de fin de vida útil para el visualizador Flash

A partir del 31 de enero de 2017, Adobe Dynamic Media Classic dejó de ser compatible con la plataforma de visor Flash.
Para obtener más información sobre este cambio importante, consulte las Preguntas frecuentes sobre el final de asistencia para el visor Flash .

Adding a Dynamic Media Classic component (Scene7) to a page

Añadir un componente de Dynamic Media Classic (Scene7) en una página es lo mismo que agregar un componente a cualquier página. Los componentes de Dynamic Media Classic se describen en detalle en las siguientes secciones.
Adición de un componente de Dynamic Media Classic (Scene7) a una página
  1. En AEM, abra la página en la que desea añadir el componente Dynamic Media Classic (Scene7).
  2. Si no hay componentes de Dynamic Media Classic disponibles, haga clic en el modo Diseño , toque cualquier componente con un borde azul, toque el icono Principal y, a continuación, el icono Configuración . En Parsys (Design) , seleccione todos los componentes de Dynamic Media Classic para que estén disponibles y haga clic en Aceptar.
  3. Haga clic en Editar para volver al modo Editar .
  4. Arrastre un componente del grupo de Dynamic Media Classic en la barra de tareas a la página en la ubicación deseada.
  5. Click the Configuration icon to open the component.
  6. Edite el componente según sea necesario y haga clic en Aceptar para guardar los cambios.
  7. Arrastre la imagen o el vídeo desde el navegador de contenido al componente Dynamic Media Classic que ha agregado a la página.
    Solo en la IU táctil, debe arrastrar y soltar la imagen o el vídeo en el componente de Dynamic Media Classic que haya colocado en la página. No se admite la selección y edición del componente Dynamic Media Classic y, a continuación, la selección del recurso.

Adding interactive viewing experiences to a responsive site

El diseño interactivo para sus recursos implica que estos se ajustan según el lugar en que se muestren. Con un diseño interactivo, los mismos recursos se pueden mostrar de forma eficaz en varios dispositivos.
Consulte también Diseño adaptable para páginas Web.
Para agregar una experiencia de visualización interactiva a un sitio interactivo
  1. Log in to AEM, and ensure that you have configured Adobe Dynamic Media Classic Cloud Services and that Dynamic Media Classic components are available.
    Si los componentes de Dynamic Media Classic no están disponibles, asegúrese de habilitarlos mediante el modo Diseño.
  2. In a website with the Dynamic Media Classic components enabled, drag an Image component to the page.
  3. Seleccione el componente y toque el icono de configuración.
  4. En la ficha Configuración de Dynamic Media Classic, ajuste los puntos de interrupción.
  5. Confirme que los visores cambian de tamaño de manera interactiva y que las interacciones están optimizadas para dispositivos de escritorio, tabletas y móviles.

Configuración común a todos los componentes de Dynamic Media Classic

Although configuration options vary, the following are common to all Dynamic Media Classic components:
  • Referencia de archivo: busque un archivo al que desee hacer referencia. La referencia de archivo muestra la URL del recurso y no necesariamente la URL completa de Dynamic Media Classic, incluidos los comandos y parámetros de URL. En este campo no se pueden agregar comandos ni parámetros de URL de Dynamic Media Classic. Deben añadirse mediante la funcionalidad correspondiente del componente.
  • Anchura : permite definir la anchura.
  • Altura : permite definir la altura.
You set these configuration options by opening (double-clicking) a Dynamic Media Classic component, for example, when you open a Zoom component:

Zoom

The HTML5 Zoom component displays a larger image when you press the + button.
El recurso dispone de herramientas de zoom en la parte inferior. Toque + para agrandar. Puntee para reducir . Tapping the x or the reset zoom arrow brings the image back to the original size it was imported as. Puntee en las flechas diagonales para que se visualicen a pantalla completa. Tap Edit to configure the component. With this component, you can configure settings common to all Dynamic Media Classic components .

Flotante

In the HTML5 Flyout component, the asset is shown as split screen; left the asset in the specified size; right the zoom portion is displayed. Tap Edit to configure the component. With this component, you can configure settings common to all Dynamic Media Classic components .
If your Flyout component uses a custom size, then that custom size is used and responsive setup of the component is disabled.
If your Flyout component uses the default size, as set in the Design View , then the default size is used and the component stretches to accomodate the page layout size with responsive setup of the component enabled. Sin embargo, tenga en cuenta que existe una limitación en la configuración interactiva del componente. When the you use the Flyout component with responsive setup, you should not use it with full page stretch. Otherwise, the Flyout may extend beyond the page's right border.

Imagen

El componente Imagen clásica de Dynamic Media le permite añadir la funcionalidad de Dynamic Media Classic a sus imágenes, como los modificadores de Dynamic Media Classic, los ajustes preestablecidos de imagen o visor y el enfoque. El componente Imagen clásica de Dynamic Media es similar a otros componentes de imagen en AEM con una funcionalidad especial de Dynamic Media Classic. En este ejemplo, la imagen tiene el modificador URL de Dynamic Media Classic, &op_invert=1 aplicado.
Título, Texto alternativo: en la ficha Avanzado , agregue un título a la imagen y texto alternativo para los usuarios que tienen gráficos desactivados.
URL, Abrir en : puede definir un recurso desde para abrir un vínculo. Defina la dirección URL y, en Abrir en , indique si quiere que se abra en la misma ventana o en una nueva.
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.
Configuración de Dynamic Media Classic: seleccione la configuración de Dynamic Media Classic que desee utilizar para recuperar los ajustes preestablecidos de imagen activos de SPS.
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.
Formato de salida: seleccione el formato de salida de la imagen, por ejemplo jpeg. En función del formato de salida que seleccione, puede tener opciones de configuración adicionales. Consulte Prácticas recomendadas para ajustes preestablecidos de imagen .
Enfoque : seleccione cómo desea enfocar la imagen. El enfoque se explica en detalle en Prácticas recomendadas para ajustes preestablecidos de imagen y en Prácticas recomendadas para el enfoque .
Modificadores de URL: puede cambiar los efectos de imagen proporcionando comandos de imagen adicionales de Dynamic Media Classic. Estos se describen en Ajustes preestablecidos de imagen y Referencia del comando .
Puntos de interrupción : si el sitio web responde, desea ajustar los puntos de interrupción. Los puntos de interrupción deben separarse con comas ( , ).

Plantilla de imagen

Las plantillas de imagen Dynamic Media Classic son contenido de Photoshop con capas que se importó a Dynamic Media Classic, donde el contenido y las propiedades se parametrizaron para la variabilidad. El componente Plantilla de imagen le permite importar imágenes y cambiar el texto de forma dinámica en AEM. Además, puede configurar el componente Plantilla de imágenes para utilizar valores de ClientContext, de modo que cada usuario experimenta la imagen de una forma personalizada.
Tap Edit to configure the component. You can configure settings common to all Dynamic Media Classic components as well as other settings described in this section.
Referencia de archivo, Anchura, Altura : consulte los ajustes comunes a todos los componentes de ScDynamic Media Classicene7.
Los comandos y parámetros de URL de Dynamic Media Classic no se pueden agregar directamente a la URL de referencia de archivo. Solo se pueden definir en la interfaz de usuario del componente en el panel Parámetro .
Título, Texto alternativo: en la ficha Plantilla de imagen clásica de Dynamic Media, agregue un título a la imagen y texto alternativo para los usuarios que tienen gráficos desactivados.
URL, Abrir en : puede definir un recurso desde para abrir un vínculo. Defina la dirección URL y, en Abrir en, indique si quiere que se abra en la misma ventana o en una nueva.
Panel de parámetros: al importar una imagen, los parámetros se rellenan previamente con información de la imagen. Si no existe contenido que se pueda cambiar de forma dinámica, esta ventana está vacía.

Cambio del texto de forma dinámica

Para cambiar el texto de forma dinámica, escriba el nuevo texto en los campos y haga clic en Aceptar. En este ejemplo, el Precio es ahora $50 y el envío cuesta 99 centavos.
El texto de la imagen cambia. You can reset the text back to the original value by tapping Reset next to the field.

Cambio del texto para reflejar un valor de ClientContext

To link a field to a client context value, tap Select to open the client-context menu, select the client context, and tap OK. En este ejemplo, el nombre cambia en función de la vinculación de valor de Nombre con el nombre con formato que consta en el perfil.
El texto refleja el nombre del usuario de la sesión actual. Para restablecer el texto al valor original, haga clic en Restablecer junto al campo.

Componente de vídeo

The Dynamic Media Classic Video component (available from the Dynamic Media Classic section of the sidekick) uses device and bandwidth detection to serve the right video to each screen. Este componente es un reproductor de vídeo HTML5; se trata de un visor único que se puede utilizar en múltiples canales.
Se puede usar para conjuntos de vídeos adaptables, un solo vídeo MP4 o un solo vídeo F4V.
See Video for more information on how videos work with Dynamic Media Classic integration. Además, consulte el componente Vídeo clásico de Dynamic Media frente al componente Vídeo de base.

Limitaciones conocidas del componente de vídeo

Adobe DAM y WCM muestran si se carga un vídeo de origen principal. No muestran estos recursos de proxy:
  • Representaciones codificadas de Dynamic Media Classic
  • Conjuntos de vídeos adaptables de Dynamic Media Classic
Al utilizar un conjunto de vídeos adaptables con el componente de vídeo Dynamic Media Classic, debe cambiar el tamaño del componente para adaptarlo a las dimensiones del vídeo.

Navegador de contenido de Dynamic Media Classic

El navegador de contenido de Dynamic Media Classic le permite realizar vistas de contenido desde Dynamic Media Classic directamente en AEM. To access the content browser, in the Content Finder , select Dynamic Media Classic in the touch-optimized user interface or the S7 icon in the classic user interface. La funcionalidad es idéntica en ambas interfaces de usuario.
Si tiene varias configuraciones, AEM muestra de forma predeterminada la configuración predeterminada . Puede seleccionar diferentes configuraciones directamente en el navegador de contenido de Dynamic Media Classic en el menú desplegable.
  • Los recursos ubicados en la carpeta ad-hoc no aparecerán en el navegador de contenido de Dynamic Media Classic.
  • Cuando la Previsualización segura está activada , los recursos publicados y no publicados en Dynamic Media Classic aparecen en el navegador de contenido de Dynamic Media Classic.
  • If you do not see Dynamic Media Classic or the S7 icon as an option in the content browser, you need to configure Dynamic Media Classic to work with AEM .
  • Para vídeo, el navegador de contenido de Dynamic Media Classic admite:
    • Conjuntos de vídeos adaptables: contenedor de todas las representaciones de vídeo necesarias para la reproducción sin errores en varias pantallas.
    • Vídeo MP4 sencillo
    • Vídeo F4V sencillo

Browsing content in the touch-optimized UI

Puede acceder al navegador de contenido desde la IU táctil o clásica. Actualmente, la función táctil optimizada tiene las siguientes limitaciones:
  • Los recursos FXG y Flash de Dynamic Media Classic no son compatibles.
Para examinar los recursos de Dynamic Media Classic, seleccione Dynamic Media Classic en el tercer menú desplegable. Dynamic Media Classic no aparece en la lista si no ha configurado la integración de Dynamic Media Classic/AEM.
  • El navegador de contenido de Dynamic Media Classic carga unos 100 recursos y los ordena por nombre.
  • Si tiene un servidor de previsualización seguro establecido, el navegador utilizará ese servidor de previsualización para procesar miniaturas y recursos.
Además, puede examinar la información de resolución, el tamaño, los días transcurridos desde la modificación y el nombre del archivo pasando el ratón por el recurso en el navegador.
  • En el caso de los conjuntos de vídeos adaptables y las plantillas, no se genera información de tamaño para las miniaturas.
  • Para los conjuntos de vídeos adaptables, no se genera ninguna resolución para las miniaturas.

Búsqueda de recursos de Dynamic Media Classic con el navegador de contenido

La búsqueda de recursos de Dynamic Media Classic es similar a la búsqueda de recursos de AEM, excepto que cuando realiza una búsqueda, verá una vista remota de los recursos en el sistema Dynamic Media Classic, en lugar de importarlos directamente en AEM.
Puede utilizar la interfaz de usuario clásica o la optimizada para el uso táctil para ver y buscar recursos. Según la interfaz, la búsqueda es ligeramente diferente.
Al buscar en cualquier interfaz de usuario, puede filtrar según los criterios siguientes (aquí se muestra la IU optimizada para el uso táctil):
Escriba palabras clave : puede buscar recursos por nombre. Al buscar, las palabras clave que introduce es por lo que comienza el nombre de archivo. Por ejemplo, al escribir la palabra “natación”, el sistema buscaría cualquier nombre de archivo de recurso que comience por esas letras en ese orden. Asegúrese de tocar Intro después de escribir el término para buscar el recurso.
Carpeta/ruta : el nombre de la carpeta que aparece se basa en la configuración seleccionada. Puede desplazarse a niveles inferiores tocando el icono de la carpeta, seleccionando una subcarpeta y, a continuación, tocando la marca de verificación para seleccionarla.
Si introduce una palabra clave y selecciona una carpeta, AEM realiza la búsqueda en esa carpeta y todas las subcarpetas. Sin embargo, si no introduce ninguna palabra clave cuando realice la búsqueda, al seleccionar la carpeta solo se mostrarán los recursos de esa carpeta y no se incluirá ninguna de las subcarpetas.
De forma predeterminada, AEM realiza la búsqueda en la carpeta seleccionada y todas las subcarpetas.
Tipo de recurso : seleccione Dynamic Media Classic para examinar el contenido de Dynamic Media Classic. Esta opción solo está disponible si se ha configurado Dynamic Media Classic.
Configuración : si tiene más de una configuración de Dynamic Media Classic definida en Cloud Service, puede seleccionarla aquí. Como resultado, la carpeta cambiará según la configuración que haya elegido.
Tipo de recurso: en el navegador de Dynamic Media Classic, puede filtrar los resultados para incluir cualquiera de los siguientes elementos: imágenes, plantillas, vídeos y conjuntos de vídeos adaptables. Si no selecciona ningún tipo de recurso, AEM busca de manera predeterminada todos los tipos de recursos.
  • En la interfaz de usuario clásica; también puede buscar Flash y FXG . Actualmente, no se pueden filtrar estos valores en la interfaz de usuario optimizada para dispositivos táctiles.
  • Al buscar vídeos, se busca una sola representación. Los resultados devuelven la representación original (solo *.mp4) y la representación codificada.
  • Al buscar un conjunto de vídeos adaptables, busca en la carpeta y en todas las subcarpetas, pero solo si ha añadido una palabra clave a la búsqueda. Si no ha añadido ninguna palabra clave, AEM no busca en las subcarpetas.
Estado de publicación: puede filtrar los recursos en función del estado de publicación: No publicado o publicado. Si no selecciona ningún estado de publicación, AEM busca de forma predeterminada todos los estados de publicación.