Añadir componentes de Dynamic Media Classic a páginas adding-scene-features-to-your-page

CAUTION
AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.

Adobe Dynamic Media Classic es una solución alojada para administrar, mejorar, publicar y distribuir recursos de medios enriquecidos en la Web, dispositivos móviles, correo electrónico y pantallas e impresiones conectadas a Internet.

Puede ver AEM recursos publicados en Dynamic Media Classic en varios visores:

  • Acercar o alejar
  • Flotante
  • Vídeo
  • Plantilla de imagen
  • Imagen

Puede publicar recursos digitales directamente de AEM a Dynamic Media Classic y hacerlo desde Dynamic Media Classic a AEM.

En este documento se describe cómo publicar recursos digitales de AEM a Dynamic Media Classic y viceversa. Los visualizadores 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.

Para obtener más información sobre el uso de componentes de vídeo con AEM, consulte Vídeo.

NOTE
Si los recursos de Dynamic Media Classic no se muestran correctamente, asegúrese de que Dynamic Media esté disabled y, a continuación, actualice la página.

Publicación manual en Dynamic Media Classic desde recursos manually-publishing-to-scene-from-assets

Puede publicar recursos digitales en Dynamic Media Classic de la siguiente manera:

NOTE
AEM publica en Dynamic Media Classic de forma asíncrona. Después de hacer clic en Publicación, puede tardar varios segundos en que el recurso se publique en Dynamic Media Classic.

Componentes de Dynamic Media Classic scene-components

Los siguientes componentes de Dynamic Media Classic están disponibles en AEM:

  • Acercar o alejar
  • Flotante (zoom)
  • Plantilla de imagen
  • Imagen
  • Vídeo
NOTE
Estos componentes no están disponibles de forma predeterminada y deben seleccionarse en Diseño antes de utilizar.

Una vez que estén disponibles en Diseño , puede añadir los componentes a la página como cualquier otro componente de AEM. 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.

NOTE
Si está creando y desarrollando visores personalizados y utilizando el Buscador de contenido, debe agregar explícitamente la variable allowfullscreen parámetro.

Aviso de fin de vida útil para el visualizador Flash flash-viewers-end-of-life-notice

A partir del 31 de enero de 2017, Adobe Dynamic Media Classic dejó de ser compatible con la plataforma del visor de Flash.

Adición de un componente de Dynamic Media Classic (Scene7) a una página adding-a-scene-component-to-a-page

Añadir un componente Dynamic Media Classic (Scene7) a una página es lo mismo que añadir un componente a cualquier página. Los componentes de Dynamic Media Classic se describen en detalle en las secciones siguientes.

Para añadir un componente de Dynamic Media Classic (Scene7) a una página:

  1. En AEM, abra la página a la que desea añadir el componente Dynamic Media Classic (Scene7).

  2. Si no hay componentes de Dynamic Media Classic disponibles, haga clic en Diseño , toque cualquier componente con un borde azul y, a continuación, toque el Principal y luego la función Configuración icono. En Parsys (diseño), seleccione todos los componentes de Dynamic Media Classic para que estén disponibles y haga clic en OK.

    chlimage_1-224

  3. Haga clic en Editar para volver a Editar en el menú contextual.

  4. Arrastre un componente del grupo Dynamic Media Classic de la barra de tareas hasta la página en la ubicación deseada.

  5. Haga clic en el Configuración para abrir el componente.

  6. Edite el componente según sea necesario y haga clic en OK 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.

    note note
    NOTE
    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.

Adición de experiencias de visualización interactivas a un sitio interactivo adding-interactive-viewing-experiences-to-a-responsive-website

El diseño interactivo de los recursos significa que estos se adaptan según el lugar en que se muestren. Con el diseño interactivo, los mismos recursos se pueden mostrar de forma eficaz en varios dispositivos.

Consulte también Diseño interactivo para páginas web.

Para agregar una experiencia de visualización interactiva a un sitio interactivo:

  1. Inicie sesión en AEM y asegúrese de que ha Cloud Services configurados de Adobe Dynamic Media Classic y que los componentes de Dynamic Media Classic están disponibles.

    note note
    NOTE
    Si los componentes de Dynamic Media Classic no están disponibles, asegúrese de que para activarlos mediante el modo Diseño.
  2. En un sitio web con la variable Dynamic Media Classic componentes habilitados, arrastre y Imagen a la página.

  3. Seleccione el componente y pulse el icono de configuración.

  4. En el Configuración de Dynamic Media Classic , ajuste los puntos de interrupción.

    chlimage_1-225

  5. Confirme que los visualizadores cambian de tamaño de forma interactiva y que todas las interacciones están optimizadas para escritorio, tableta y móvil.

Configuración común a todos los componentes de Dynamic Media Classic settings-common-to-all-scene-components

Aunque las opciones de configuración varían, las siguientes son comunes a todas las Dynamic Media Classic componentes:

  • Referencia de archivo
    Busque el 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. No se pueden agregar comandos y parámetros de URL de Dynamic Media Classic en este campo. Deben añadirse a través de la funcionalidad correspondiente del componente.
  • Anchura
    Permite definir la anchura.
  • Altura
    Permite establecer la altura.

Para establecer estas opciones de configuración, abra (haga doble clic en) un componente Dynamic Media Classic, por ejemplo, al abrir un Zoom componente:

chlimage_1-226

Acercar o alejar zoom

El componente Zoom del HTML5 muestra una imagen más grande al pulsar el botón + botón.

El recurso tiene herramientas de zoom en la parte inferior. Toque + para ampliar. Toque - para reducir. Al tocar x o la flecha para restablecer el zoom devuelve la imagen al tamaño original que se importó como. Puntee en las flechas diagonales para que lleguen a pantalla completa. Toque Editar para configurar el componente. Con este componente, puede configurar configuración común a todos Dynamic Media Classic componentes.

chlimage_1-227

Flotante flyout

En el HTML5 Flotante componente, el recurso se muestra como pantalla dividida; dejó el recurso en el tamaño especificado; a la derecha se muestra la porción de zoom. Toque Editar para configurar el componente. Con este componente, puede configurar configuración común a todos los componentes de Dynamic Media Classic.

NOTE
Si su Flotante utiliza un tamaño personalizado, se utiliza ese tamaño personalizado y se desactiva la configuración interactiva del componente.
Si su Flotante utiliza el tamaño predeterminado, tal como se establece en la variable Vista diseño, se utilizará el tamaño predeterminado y el componente se ampliará para adaptarse al tamaño del diseño de página con la configuración interactiva del componente habilitada. Sin embargo, tenga en cuenta que hay una limitación en la configuración interactiva del componente. Cuando se usa la variable Flotante con la configuración interactiva, no debe utilizarlo con la ampliación de página completa. De lo contrario, la función Flotante puede extenderse más allá del borde derecho de la página.

chlimage_1-228

Imagen image

Dynamic Media Classic Imagen permite añadir funciones de Dynamic Media Classic a las imágenes, como modificadores de Dynamic Media Classic, ajustes preestablecidos de visor o imagen y nitidez. Dynamic Media Classic Imagen es similar a otros componentes de imagen en AEM con funcionalidad especial de Dynamic Media Classic. En este ejemplo, la imagen tiene el modificador Dynamic Media Classic URL, &op_invert=1 aplicado.

chlimage_1-229

  • Título, Texto alternativo
    En el Avanzadas , añada un título a la imagen y texto alternativo para los usuarios que tengan los gráficos desactivados.

  • URL, Abrir en
    Puede configurar un recurso de para abrir un vínculo. Configure las variables URL y Abrir en indique si desea que se abra en la misma ventana o en una ventana nueva.

chlimage_1-230

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

  • Configuración de Dynamic Media Classic
    Seleccione la configuración de Dynamic Media Classic que desea 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 está buscando no está visible, es posible que tenga que hacerlo visible. Consulte Administración de ajustes preestablecidos de imagen. No puede seleccionar un ajuste preestablecido de visualizador si utiliza un ajuste preestablecido de imagen y viceversa.

  • Formato de salida
    Seleccione el formato de salida de la imagen, por ejemplo jpeg. Según el formato de salida que seleccione, puede tener opciones de configuración adicionales. Consulte Prácticas recomendadas de ajustes preestablecidos de imagen.

  • Enfoque
    Seleccione cómo desea enfocar la imagen. El enfoque se explica en detalle en Prácticas recomendadas de ajustes preestablecidos de imagen y Prácticas recomendadas de perfeccionamiento.

  • Modificadores de URL
    Puede cambiar los efectos de imagen suministrando comandos de imagen Dynamic Media Classic adicionales. Estos se describen en Ajustes preestablecidos de imagen y Referencia de comandos.

  • Puntos de interrupción
    Si el sitio web es interactivo, debe ajustar los puntos de interrupción. Los puntos de interrupción deben separarse con comas ( , ).

Plantilla de imagen image-template

Plantillas de imagen de Dynamic Media Classic son contenido de Photoshop en capas que se importó a Dynamic Media Classic, donde el contenido y las propiedades se parametrizaron para la variabilidad. La variable Plantilla de imagen permite importar imágenes y cambiar el texto de forma dinámica en AEM. Además, puede configurar la variable Plantilla de imagen para utilizar valores de ClientContext, de modo que cada usuario experimente la imagen de forma personalizada.

Toque Editar para configurar el componente. Puede configurar configuración común a todos los componentes de Dynamic Media Classic , así como otras configuraciones descritas en esta sección.

chlimage_1-231

  • Referencia del archivo, Anchura y Altura
    Consulte la configuración común a todos los componentes de Dynamic Media Classic.

    note note
    NOTE
    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 la Parámetro panel.
  • Título, Texto alternativo
    En la pestaña Plantilla de imagen de Dynamic Media Classic , añada un título a la imagen y texto alternativo para los usuarios que tengan los gráficos desactivados.

  • URL, Abrir en
    Puede configurar un recurso de para abrir un vínculo. Defina la dirección URL y, en Abrir en , indique si desea que se abra en la misma ventana o en una nueva ventana.

chlimage_1-232

  • Panel de parámetros
    Al importar una imagen, los parámetros se rellenan previamente con información de la imagen. Si no hay contenido que se pueda cambiar dinámicamente, esta ventana está vacía.

chlimage_1-233

Cambio dinámico del texto changing-text-dynamically

Para cambiar el texto de forma dinámica, introduzca nuevo texto en los campos y haga clic en OK. En este ejemplo, la variable Precio ahora es $50 y el envío cuesta 99 centavos.

chlimage_1-234

El texto de la imagen cambia. Para restablecer el texto al valor original, pulse Restablecer junto al campo .

chlimage_1-235

Cambio de texto para reflejar el valor de un valor de ClientContext changing-text-to-reflect-the-value-of-a-client-context-value

Para vincular un campo a un valor de ClientContext, pulse Select para abrir el menú ClientContext, seleccione ClientContext y pulse OK. En este ejemplo, el nombre cambia en función de la vinculación del nombre con el nombre con formato en el perfil.

chlimage_1-236

El texto refleja el nombre del usuario que ha iniciado sesión en ese momento. Para restablecer el texto al valor original, haga clic en Restablecer junto al campo .

chlimage_1-237

  1. En la página con Dynamic Media Classic Plantilla de imagen componente, toque Editar.

  2. En el URL , introduzca la dirección URL a la que se dirigen los usuarios cuando toca la imagen. En el Abrir en , seleccione si desea que se abra el destino (una nueva ventana o la misma ventana).

    chlimage_1-238

  3. Pulse Aceptar.

Componente de vídeo video-component

Dynamic Media Classic Vídeo (disponible en la sección Dynamic Media Classic de la barra de tareas) utiliza la detección de dispositivos y ancho de banda para ofrecer el vídeo correcto a cada pantalla. Este componente es un reproductor de vídeo HTML5; es un visor único que se puede utilizar en varios canales.

Se puede utilizar para conjuntos de vídeos adaptables, un solo vídeo MP4 o un solo vídeo F4V.

Consulte Vídeo para obtener más información sobre cómo funcionan los vídeos con la integración de Dynamic Media Classic. Además, consulte el componente Vídeo de Dynamic Media Classic frente al componente Vídeo de base.

chlimage_1-239

Limitaciones conocidas del componente de vídeo known-limitations-for-the-video-component

Adobe DAM y WCM muestran si se ha cargado un vídeo maestro. 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 de Dynamic Media Classic, debe cambiar el tamaño del componente para que se ajuste a las dimensiones del vídeo.

El navegador de contenido de Dynamic Media Classic le permite ver el contenido de Dynamic Media Classic directamente en AEM. Para acceder al navegador de contenido, en la Buscador de contenido, seleccione Dynamic Media Classic en la interfaz de usuario táctil o en la S7 en la interfaz de usuario clásica. La funcionalidad es idéntica entre ambas interfaces de usuario.

Si tiene varias configuraciones, AEM de forma predeterminada muestra la variable configuración predeterminada. Puede seleccionar diferentes configuraciones directamente en el navegador de contenido de Dynamic Media Classic en el menú desplegable.

NOTE
  • Los recursos ubicados en la carpeta ad hoc no aparecerán en el explorador de contenido de Dynamic Media Classic.

  • When La vista previa segura está activada, tanto los recursos publicados como los no publicados en Dynamic Media Classic aparecen en el navegador de contenido de Dynamic Media Classic.

  • Si no ve Dynamic Media Classic o S7 como opción en el navegador de contenido, debe configurar Dynamic Media Classic para que funcione con 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 una reproducción perfecta en varias pantallas
    • Un solo vídeo MP4
    • Vídeo F4V único

Exploración del contenido en la IU táctil browsing-content-in-the-touch-optimized-ui

Puede acceder al navegador de contenido desde la IU táctil o clásica. Actualmente, la optimizada para el tacto tiene la siguiente limitación:

  • Los recursos FXG y de Flash de Dynamic Media Classic no son compatibles.

Examinar los recursos de Dynamic Media Classic seleccionando 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.

NOTE
  • El navegador de contenido de Dynamic Media Classic carga unos 100 activos y los ordena por nombre.
  • Si tiene configurado un servidor de vista previa seguro, el navegador utilizará ese servidor de vista previa para procesar miniaturas y recursos.

chlimage_1-240

Además, puede examinar la información de resolución, el tamaño, los días transcurridos desde la modificación y el nombre de archivo pasando el ratón por encima del recurso en el explorador.

chlimage_1-241

  • Para 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 searching-for-scene-assets-with-the-content-browser

La búsqueda de recursos de Dynamic Media Classic es similar a la búsqueda de recursos de AEM, excepto que, al realizar la búsqueda, se ve una vista remota de los recursos en el sistema de Dynamic Media Classic, en lugar de importarlos directamente a AEM.

Puede utilizar la IU clásica o la IU táctil para ver y buscar recursos. En función de la interfaz, la búsqueda es ligeramente diferente.

Al buscar en cualquiera de las IU, puede filtrar por los siguientes criterios (que se muestran aquí en la IU táctil):

  • Escribir palabras clave
    Puede buscar recursos por su nombre. Al buscar las palabras clave introducidas, comienza con el nombre del archivo. Por ejemplo, si escribe la palabra "natación", buscará cualquier nombre de archivo de recurso que comience con esas letras en ese orden. Asegúrese de pulsar Intro después de escribir el término para buscar el recurso.

chlimage_1-242

  • Carpeta/ruta
    El nombre de la carpeta que aparece se basa en la configuración seleccionada. Para desplazarse a los niveles inferiores, toque el icono de la carpeta, seleccione una subcarpeta y, a continuación, pulse la marca de verificación para seleccionarla.

Si introduce una palabra clave y selecciona una carpeta, AEM busca esa carpeta y las subcarpetas. Sin embargo, si no introduce ninguna palabra clave al buscar, seleccionar la carpeta solo mostrará los recursos de esa carpeta y no incluirá ninguna subcarpeta.

De forma predeterminada, AEM busca la carpeta seleccionada y todas las subcarpetas.

imagen_1-243

  • Tipo de recurso
    Select Dynamic Media Classic para examinar el contenido de Dynamic Media Classic. Esta opción solo está disponible si se ha configurado Dynamic Media Classic.

chlimage_1-244

  • Configuración
    Si tiene más de una configuración de Dynamic Media Classic definida en Cloud Services, puede seleccionarlo aquí. Como resultado, la carpeta cambiará según la configuración que haya elegido.

chlimage_1-245

  • Tipo de recurso
    En el explorador 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 de forma predeterminada busca todos los tipos de recurso.

chlimage_1-246

NOTE
  • En la IU clásica, también puede buscar Flash y FXG. Actualmente no se admite el filtrado para estos usuarios en la IU táctil.

  • Al buscar vídeo, está buscando 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, está buscando 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: Sin publicar o Publicado. Si no selecciona ninguna Estado de publicación, AEM de forma predeterminada busca todos los estados de publicación.

chlimage_1-247

recommendation-more-help
4452738f-2bdf-4cd4-9b45-905a69d607ad