Show Menu
TEMAS×

Managing Dynamic Media viewer presets

Un ajuste preestablecido de visor de Dynamic Media es una colección de ajustes que determinan el modo en que los usuarios ven los recursos de medios enriquecidos en las pantallas de sus equipos y en los dispositivos móviles. Si es un administrador, puede crear ajustes preestablecidos de visor. Los ajustes están disponibles para una matriz de opciones de configuración del visor. Por ejemplo, puede cambiar el tamaño de visualización del visor o el comportamiento de zoom.
Para obtener instrucciones sobre cómo crear y personalizar sus propios ajustes preestablecidos de visor HTML5, consulte el SDK de visor HTML5 de Adobe Scene7. El SDK está disponible en el servidor de publicación IS incrustado en el propio SDK. Cada versión de biblioteca tiene su propia documentación de SDK incluida.
Ruta: <scene7_domain>/s7sdk/<library_version>/docs/jsdocs/index.html . Por ejemplo, SDK 3.5: https://s7d1.scene7.com/s7sdk/3.5/docs/jsdoc/index.html
Consulte también la Guía de referencia de visores de Adobe .
En esta sección se describe cómo crear, editar y administrar ajustes preestablecidos de visor. Puede aplicar un ajuste preestablecido de visor a un recurso cada vez que lo previsualice. See Applying Viewer Presets .
Tenga en cuenta que la edición de cualquier ajuste preestablecido de visor preestablecido no es un escenario compatible. Si intenta editar un ajuste preestablecido de visor incorporado, se le pedirá que guarde el ajuste preestablecido de visor con un nombre nuevo.

Accesibilidad del teclado para visores

Todos los visores integrados admiten la accesibilidad del teclado.
Consulte también Accesibilidad del teclado y navegación .

Managing Dynamic Media viewer presets

You can add, edit, delete, publish, unpublish, and preview viewer presets in AEM by tapping Tools > Assets > Viewer Presets .
De forma predeterminada, el sistema muestra 15 ajustes preestablecidos de visor al seleccionar Visores en la vista de detalles de un recurso. Puede aumentar este límite. Consulte Aumento del número de ajustes preestablecidos de visor que se muestran .

Compatibilidad del visor con páginas web diseñadas para responder

Las diferentes páginas Web tienen diferentes necesidades. Por ejemplo, a veces se desea una página web que proporcione un vínculo que abra el visor HTML5 en una ventana separada del navegador. En otros casos, puede ser necesario incrustar el visor HTML5 directamente en la página de alojamiento. En este último caso, la página web puede tener un diseño estático. O bien, puede ser adaptable y mostrarse de forma diferente en diferentes dispositivos o en diferentes tamaños de ventana del navegador. Para satisfacer estas necesidades, todos los visores HTML5 predefinidos y listos para usar que vienen con Dynamic Media admiten páginas web estáticas y páginas web diseñadas con capacidad de respuesta.
Consulte Biblioteca de imágenes interactivas en la Ayuda de la API de servicio de imágenes de Scene7 para obtener más información sobre cómo incrustar visores interactivos en sus páginas web.
Tenga en cuenta que debe publicar todos los visores integrados antes de usarlos por primera vez. See Publishing Viewer Presets.

Compatibilidad del sistema con ajustes preestablecidos de visor

Todos los ajustes preestablecidos de visor integrados con Dynamic Media son totalmente compatibles con los siguientes sistemas:
  • Equipos de escritorio
  • Apple iPhone
  • Apple iPad
  • Smartphone Android
  • Tablet Android
  • Para vídeo, se proporciona compatibilidad adicional con la reproducción de MP4 para Blackberry y Windows Phone .

Tipos de medios enriquecidos para ajustes preestablecidos de visor

Los administradores pueden añadir y personalizar los siguientes tipos de medios enriquecidos al crear nuevos ajustes preestablecidos de visor.
Tipos de medios enriquecidos
Descripción
Conjunto de carrusel
Las zonas interactivas, los mapas de imagen o ambos se agregan a una serie de dos o más imágenes. Un cliente puede recorrer las imágenes a la izquierda o a la derecha y, a continuación, hacer clic en un punto interactivo de una imagen para obtener más detalles o para realizar compras directamente desde las páginas de aterrizaje, de inicio o de categoría de un sitio web.
Zoom flotante
Muestra una segunda imagen del área ampliada junto a la imagen original. No hay controles que usar: los usuarios mueven la selección sobre el área que desean ver.
Al determinar el uso completo del ancho de banda para este visor, tenga en cuenta que tanto la imagen principal como la imagen flotante se muestran en el visor. El tamaño de la imagen principal (anchura y altura del escenario) y el factor de zoom determinan el tamaño de la imagen flotante. Para evitar que el tamaño del archivo flotante sea demasiado grande, equilibre estos dos valores: si tiene un tamaño de imagen principal grande, reduzca el valor de Factor de zoom. (La anchura flotante y la altura flotante determinan el tamaño de la ventana flotante, pero no el tamaño de la imagen flotante que se muestra en el visor).
Por ejemplo, si el tamaño de la imagen principal es de 350 x 350 píxeles, con un factor de zoom de 3, la imagen flotante resultante será de 1050 x 1050 píxeles. Si el tamaño de la imagen principal es de 300 x 300 píxeles, con un factor de zoom de 4, la imagen flotante es de 1200 x 1200 píxeles. Según la configuración de calidad JPEG (la configuración recomendada es entre 80 y 90), puede reducir el tamaño del archivo de forma significativa. Los factores de zoom recomendados son de 2,5 a 4, según el tamaño de la imagen principal.
Zoom en línea
Muestra una imagen del área ampliada dentro del visor original. No hay controles que usar. Es decir, los usuarios mueven la selección sobre el área que desean ver.
Conjunto de imágenes
En el visor de conjuntos de imágenes, los usuarios pueden ver distintas vistas o variaciones de color de un elemento haciendo clic en una imagen en miniatura. Este visor también ofrece herramientas de zoom para examinar las imágenes de cerca.
Imagen interactiva
Las zonas interactivas se agregan a partes de una imagen en las que un cliente puede hacer clic para obtener más detalles o para realizar compras directamente desde las páginas de aterrizaje, de inicio o de categoría de un sitio web.
Vídeo interactivo
Las miniaturas se agregan a los segmentos de línea de tiempo en un vídeo en el que un cliente puede hacer clic para obtener más detalles o para realizar compras directamente desde las páginas de aterrizaje, de inicio o de categoría de un sitio web.
Medios mixtos
Muestra diferentes tipos de medios en un visor. Puede incluir conjuntos de giros, conjuntos de imágenes, imágenes y vídeos.
Imagen panorámica
Los visores Panoramic Image y PanoramicVR representan imágenes panorámicas esféricas para sumergir a los usuarios en una experiencia de visualización de 360° de una habitación, propiedad, ubicación o paisaje.
Para que una imagen cargada se considere panorámica esférica, debe tener una o ambas de las opciones siguientes:
  • Proporción de aspecto de 2:1.
  • Etiquetado con las palabras clave equirectangulares, esféricas y panorámicas, esféricas y panorámicas. Consulte Uso de etiquetas .
Tanto la proporción de aspecto como los criterios de palabra clave se aplican a los recursos panorámicos para la página de detalles de recursos y el componente WCM "Panoramic Media".
Importante: Este visor solo está disponible en el modo Dynamic Media - Scene7.
Conjunto de giros
Proporciona varias vistas de una imagen para que los usuarios puedan girar el objeto y examinar los diferentes lados y ángulos.
Vídeo
Reproduce vídeo mediante flujo continuo de velocidad de bits progresiva o adaptable. El flujo de velocidad de bits adaptable realiza automáticamente la detección de ancho de banda y dispositivos para ofrecer el vídeo de calidad adecuada en el formato correcto.
Zoom vertical
El visor de zoom vertical le permite maximizar una experiencia de visualización de imágenes de producto para ofrecer a los usuarios la mejor representación de un producto. La ubicación vertical de las muestras hace lo siguiente:
  • Garantiza que las muestras estén por encima del pliegue. Con las muestras horizontales, en función del tamaño de la pantalla escritorio del usuario, las muestras no eran visibles hasta que el usuario se desplazaba por la página. Al colocar las muestras verticalmente en el visor, garantiza que sean visibles independientemente del tamaño de pantalla del usuario.
  • Maximiza el tamaño de la imagen principal. Con las muestras horizontales, es necesario reservar espacio en la página para asegurarse de que son visibles. Esta posición redujo el tamaño de la imagen principal. Sin embargo, con un diseño de muestra vertical, no es necesario asignar este espacio. Como tal, puede maximizar el tamaño de la imagen principal.
Zoom
Permite a los usuarios acercarse al área haciendo clic en ella. Los usuarios pueden hacer clic en los controles para acercar, alejar y restablecer la imagen a su tamaño predeterminado.

Lista de ajustes preestablecidos de visor integrados

La siguiente tabla identifica todos los ajustes preestablecidos de visor predefinidos y predeterminados que se incluyen con Dynamic Media.
Para obtener información sobre las versiones compatibles del navegador web y del sistema operativo para visores, consulte las Notas de la versión de los visores.
Consulte las notas de la versión de los visores en la tabla de contenido de la Guía de referencia de visores.
Todos los ajustes preestablecidos de visor integrados en Dynamic Media ya están activados (activados), pero debe publicarlos. See Publishing Viewer Presets .
Todos los ajustes preestablecidos de visor nuevos que cree y agregue deben activarse y publicarse al mismo tiempo . Consulte Activación o desactivación de ajustes preestablecidos de visor y ajustes preestablecidos de visor de publicación.
Título de ajuste preestablecido de visor
Tipo
Nombre de archivo CSS
Carousel_Dotted_dark
Carousel_Set
html5_carouselviewer_dotted_dark.css
Carousel_Dotted_light
Carousel_Set
html5_carouselviewer_dotted_light.css
Carousel_Numeric_dark
Carousel_Set
html5_carouselviewer_numeric_dark.css
Carousel_Numeric_light
Carousel_Set
html5_carouselviewer_numeric_light.css
Flotante
Flyout_Zoom
html5_flyoutviewer.css
ImageSet_dark
Conjunto de imágenes
html5_zoomviewer_dark.css
ImageSet_light
Conjunto de imágenes
html5_zoomviewer_light.css
InlineMixedMedia_dark
Mixed_Media
html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light
Mixed_Media
html5_inlinemixedmediaviewer_light.css
InlineZoom
Flyout_Zoom
html5_inlinezoomviewer.css
MixedMedia_dark
Mixed_Media
html5_mixedmediaviewer_dark.css
MixedMedia_light
Mixed_Media
html5_mixedmediaviewer_light.css
PanoramicImage
Panoramic_Image
html5_panoramicimage.css
PanoramicImageVR
Panoramic_Image
html5_panoramicimage.css
Shoppable_Banner
Interactive_Image
html5_interactiveimage.css
Shoppable_Video_dark
Interactive_Video
html5_interactivevideoviewer_dark.css
Shoppable_Video_light
Interactive_Video
html5_interactivevideover_light.css
SpinSet_dark
Spin_Set
html5_spinviewer_dark.css
SpinSet_light
Spin_Set
html5_spinviewer_light.css
Vídeo (incluye compatibilidad con subtítulos opcionales)
Vídeo
html5_videoviewer.css
Video_social (incluye compatibilidad con subtítulos opcionales y medios sociales)
Vídeo
html5_videoviewersocial.css
Zoom_dark
Zoom
html5_basiczoomviewer_dark.css
Zoom_light
Zoom
html5_basiczoomviewer_light.css
ZoomVertical_dark
Vertical_Zoom
html5_zoomverticalviewer_dark.css
ZoomVertical_light
Vertical_Zoom
html5_zoomverticalviewer_light.css

Tabla de gestos de visores móviles admitidos

La siguiente tabla identifica los gestos del visor móvil que se admiten en dispositivos iOS, Android 2.x y Android 3.x.
Gesto
Zoom flotante
Zoom
Giro
Arrastrar
Panorámicas
Panorámicas
Panorámicas
Tocar
Muestra la ventana flotante
Muestra u oculta la interfaz de usuario
Muestra u oculta la interfaz de usuario
Doble toque
No se aplica
Acerca o restablece
Acerca o restablece
Pellizcar para abrir
No se aplica
Acerca (solo iOS y Android 3x)
Acerca (solo iOS y Android 3x)
Pellizcar cerca
No se aplica
Aleja (solo iOS y Android 3x)
Aleja (solo iOS y Android 3x)
Deslizar
Desplaza la barra de muestras
Desplaza imágenes
Gira
Flick
Desplaza la barra de muestras
Desplaza imágenes
Gira

Aumento del número de ajustes preestablecidos de visor de Dynamic Media que se muestran

AEM muestra una amplia variedad de ajustes preestablecidos de visor al ver recursos desde la vista de detalles > Visores . Puede aumentar o disminuir el número de visores que se muestran.
Para aumentar el número de ajustes preestablecidos de visor de Dynamic Media que se muestran :
  1. Vaya a CRXDE Lite ( http://localhost:4502/crx/de ).
  2. Vaya al nodo de lista de ajustes preestablecidos de visor en /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist
  3. En la propiedad limit , cambie el valor , que se establece en 15 de forma predeterminada, por el número deseado.
  4. Vaya al origen de datos de ajustes preestablecidos de visor en /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource
  5. En la propiedad limit , cambie el número al número deseado, por ejemplo {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
  6. Toque Guardar todo .

Creación de un nuevo ajuste preestablecido de visor de Dynamic Media

La creación de ajustes preestablecidos de visor permite aplicar varios ajustes para ver los recursos e interactuar con ellos. Sin embargo, no es necesario crear nuevos ajustes preestablecidos de visor. Si lo prefiere, puede utilizar los ajustes preestablecidos de visor predeterminados y listos para usar que ya vienen con Recursos AEM.
Si decide crear un nuevo ajuste preestablecido de visor, después de guardarlo, el estado del visor se activa automáticamente (se establece en Activado ) en la página Ajustes preestablecidos de visor . Este estado significa que está visible en el componente de medios dinámicos y en el componente de medios ​interactivos y siempre que se obtiene una vista previa de una imagen o un vídeo.
Algunos ajustes preestablecidos de visor tienen una configuración exclusiva que puede afectar al uso y al comportamiento general del visor. Según el ajuste preestablecido de visor que esté creando, es posible que desee tener en cuenta estas consideraciones especiales.
Consulte Consideraciones especiales para crear un ajuste preestablecido de visor interactivo.
Consulte Consideraciones especiales para crear un ajuste preestablecido de visor de letreros carrusel.
Para crear un nuevo ajuste preestablecido de visor de Dynamic Media:
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  2. En la página Ajustes preestablecidos de visor , en la barra de herramientas, toque Crear .
  3. In the New Viewer Preset dialog box, in the Preset Name field, enter the name of the new preset. Choose a name carefully--they are not editable after you tap Create .
    Al guardar el ajuste preestablecido más adelante en estos pasos, el nombre aparece en la página Ajustes preestablecidos de visor, debajo del encabezado de la columna Título ​preestablecido.
  4. En el menú desplegable Tipo de medio enriquecido, seleccione el tipo de ajuste preestablecido de visor que desee crear y, en la esquina superior derecha de la página, toque Crear .
    Consulte Tipos de medios enriquecidos para ajustes preestablecidos de visor.
  5. On the Edit Viewer Preset page, tap the Appearance tab.
  6. Realice una de las acciones siguientes:
    • In the Selected Type pull-down menu, select a component whose visual design you want to customize. Como alternativa, puede tocar cualquier elemento visual del visor para seleccionarlo y configurarlo.
      El editor visual permite ver el efecto que una propiedad determinada tiene en un estilo. Simplemente configure o ajuste cualquier propiedad para ver instantáneamente el efecto que tiene en el visor con la muestra a la izquierda del editor.
      Las propiedades de estilo CSS de cada tipo de ajuste preestablecido de visor se describen en el tema de ayuda "Personalización de <nombre_visor> visor" de la Guía de referencia de visores .
      Por ejemplo, si va a crear un ajuste preestablecido de visor del tipo Mixed_Media , consulte Personalización del visor de medios mixtos para obtener una lista y una descripción de cada propiedad.
    • Si ha definido la configuración de estilo en un archivo CSS independiente, puede cargar el archivo CSS en Recursos AEM. Tap Import CSS below the Selected Type pull-down menu (you may need to scroll the visual editor up to see it) to find the uploaded CSS file and associate it with the viewer preset.
      Al importar un archivo CSS, el editor visual comprueba si el CSS utiliza los marcadores de visor correctos. Por ejemplo, si va a crear un visor de zoom, todas las reglas CSS que importe deben definirse con el nombre de clase de visor .s7mixedmediaviewer definido en un elemento de visor principal.
      Puede importar CSS arbitrario hecho a mano siempre y cuando defina correctamente los marcadores CSS de un visor determinado. (Los marcadores CSS se describen en cualquier tema de ayuda "Personalización <nombre del visor> del visor" de la Guía de referencia de visores . Por ejemplo, si desea leer sobre los marcadores de CSS para el visor de zoom, consulte Personalización del visor de zoom). Sin embargo, es posible que el editor visual no entienda algunos valores de CSS. En estos casos, el editor visual intenta anular los errores para que el CSS pueda seguir funcionando.
    Si prefiere editar la CSS directamente en su formulario sin procesar, pulse Mostrar/Ocultar CSS debajo del menú desplegable Tipo seleccionado (puede que necesite desplazar el editor visual hacia arriba para verlo).
    Al igual que el editor visual, cuando realiza un cambio en una propiedad directamente en el CSS, puede ver instantáneamente el efecto que tiene en la muestra del visor. Y esa misma propiedad se actualiza automáticamente al mismo tiempo en el editor visual. Como tal, puede utilizar el editor de CSS sin procesar o el editor visual, o ambos de forma intercambiable.
    Para las ilustraciones de botón, elija la imagen 2x y cargue las ilustraciones de alta resolución. Al trabajar con imágenes interactivas y pancartas de ventas, también puede seleccionar entre una variedad de botones de puntos interactivos integrados.
  7. (Optional) Near the top of the Edit Viewer Preset page, tap Desktop , Tablet , or Phone to uniquely define visual styles for different device and screen types.
  8. On the Edit Viewer Preset page, tap the Behavior tab. Como alternativa, puede tocar o hacer clic en cualquier elemento visual del visualizador y seleccionarlo para su configuración.
  9. En el menú desplegable Tipo seleccionado , seleccione un componente cuyos comportamientos desee cambiar.
    Muchos componentes del editor visual tienen una descripción detallada asociada. Estas descripciones aparecen en cuadros azules cuando se expande un componente para mostrar sus parámetros asociados.
    Algunos tipos de visualizador tienen componentes que permiten especificar comandos del servicio de imágenes en un campo de texto Comando IS . Para obtener una lista de los comandos que puede utilizar, consulte la Referencia de API del servicio de imágenes .
    Si utiliza un dispositivo táctil, como un teléfono o una tableta...
    Después de escribir un valor en el campo de texto, toque en cualquier parte de la interfaz de usuario para enviar el cambio y cerrar el teclado virtual. Si toca Intro , no se produce ninguna acción.
  10. Near the upper-right corner of the page, tap Save .
  11. Publique el nuevo ajuste preestablecido de visor. Debe publicar el ajuste preestablecido para poder utilizarlo en el sitio web.

Consideraciones especiales para crear un ajuste preestablecido de visor interactivo

Acerca de los modos de visualización de las miniaturas de imagen en el panel
When you create or edit an Interactive Video viewer preset, you have the choice of which Display Mode setting to use when you select InteractiveSwatches from the Selected Component pull-down menu under the Behavior tab. El modo de visualización que elija afecta a cómo y cuándo aparecerán las miniaturas mientras se reproduce el vídeo. You can choose either a segment display mode (default) or a continuous display mode.
Modo de visualización
Descripción
Segmento
Segmento es el modo de visualización predeterminado para los ajustes preestablecidos del visor de vídeo interactivo preestablecidos Shoppable_Video_light y Shoppable_Video_dark y cualquier ajuste preestablecido del visor de vídeo interactivo que cree usted mismo.
En este modo, cuando hay menos miniaturas asignadas a un segmento de vídeo que el número de puntos visibles en el panel de visualización, las miniaturas de los subsegmentos siguiente o anterior no se arrastran para rellenar ninguna zona vacía del panel. Es decir, conserva la visualización de muestras asignadas al segmento de vídeo en particular.
Continua
En el modo de visualización continuo , si el número de miniaturas de un segmento es inferior al número visible en el panel, el visor incluye automáticamente la visualización de miniaturas del siguiente segmento, o del segmento anterior, en los casos en que se muestre la última miniatura.
Comportamiento del desplazamiento automático en el visor de vídeos interactivo
El comportamiento de desplazamiento automático de las miniaturas en el visor de vídeo interactivo funciona independientemente del modo de visualización que elija.
When you create or edit an interactive video viewer preset, you access Auto Scroll from the Behavior tab. En la pestaña Comportamiento, en el menú desplegable Componentes seleccionados , pulse Muestras interactivas . The Auto Scroll check box is listed below the IS Command text field.
Si desactiva el desplazamiento automático (desactive la casilla de verificación) en el ajuste preestablecido de visualizador, durante la reproducción del vídeo por parte del usuario, el panel solo muestra la primera imagen en miniatura durante toda la duración del vídeo. Sin embargo, un usuario puede desplazarse manualmente por las miniaturas utilizando los iconos de flecha arriba y abajo, si lo desea.
Al activar (seleccionar) Desplazamiento automático en el ajuste preestablecido de visualizador, durante la reproducción de vídeo, las imágenes en miniatura asignadas a un segmento de vídeo se desplazan hasta la vista al principio de un segmento. Sin embargo, hay instancias en las que ciertas miniaturas de un segmento se muestran el doble de tiempo que otras miniaturas antes o después de este segmento. Este comportamiento se produce porque el número de miniaturas de un segmento es mayor que el número visible en el panel y no se puede dividir de manera uniforme.
Por ejemplo, supongamos que tiene un segmento de vídeo de 30 segundos. Y, hay un total de nueve miniaturas para mostrar durante los 30 segundos. El tamaño del navegador es tal que hay cuatro posiciones de miniatura visibles en el panel de visualización. El segmento de tiempo de vídeo de 30 segundos se divide en tres subsegmentos. La siguiente tabla muestra el desglose de las miniaturas que se muestran en un subsegmento de tiempo determinado:
Subsegmento de vídeo
Tiempo del subsegmento en segundos
Miniaturas visibles en el panel
1
0-10
1, 2, 3, 4
2
10-20
4, 5, 6, 7
3
20-30
6, 7, 8, 9
El subsegmento de vídeo 3 no se extiende más allá de las miniaturas asignadas. También observe que las miniaturas 4, 6 y 7 son visibles en el panel el doble que las demás miniaturas.
La lógica que utiliza el visor para la cantidad de miniaturas que se muestran en el panel en función del número de posiciones disponibles es la siguiente:
  • Número de subsegmentos = redondear al subsegmento siguiente (número de miniaturas / número de ranuras visibles en el panel de miniaturas, según el tamaño de la ventana del navegador).
    Utilizando el ejemplo de la tabla anterior, 9 miniaturas / 4 ranuras = 2,25; la lógica del visor lo redondea a un máximo de 3 subsegmentos.
  • Número de miniaturas = redondear a la siguiente miniatura (número de miniaturas / número de subsegmentos de vídeo).
    Utilizando el ejemplo de la tabla anterior, 9 miniaturas / 3 subsegmentos de vídeo = 3 miniaturas.
  • Duración del subsegmento = duración total del vídeo / número de subsegmentos de vídeo.
    Utilizando el ejemplo de la tabla anterior, 30 segundos / 3 subsegmentos de vídeo = 10 segundos de visualización de cada subsegmento de vídeo.

Activación o desactivación de ajustes preestablecidos de visor de Dynamic Media

Los ajustes preestablecidos de visor disponibles en la interfaz de usuario dependen de los que estén activos en el modo de autor. De forma predeterminada, un ajuste preestablecido de visor se activa después de crearlo. Si desactiva el ajuste preestablecido, no lo verá en modo Autor. Si se publica el ajuste preestablecido. siempre se publicará independientemente de si está activado o desactivado. Es posible que desee desactivar los ajustes preestablecidos de visor si la lista resulta demasiado complicada o no desea que se utilice un ajuste preestablecido de visor disponible.
Para activar o desactivar ajustes preestablecidos de visor de Dynamic Media:
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  2. En la página Ajustes preestablecidos de visor, en el encabezado de la columna Estado , toque el botón de alternancia para activar o desactivar un ajuste preestablecido de visor.
    Los ajustes preestablecidos de visor activados tienen la opción de alternar a la derecha, dentro de un cuadro azul; los ajustes preestablecidos de visor desactivados tienen la opción de alternar a la izquierda, dentro de un cuadro gris claro.

Publishing Dynamic Media viewer presets

Al activar (o activar la activación ) el estado de un ajuste preestablecido de visor, se muestra visible en el componente Dynamic Media, en el componente Interactive Media y siempre que se visualiza un recurso.
Sin embargo, para distribuir un recurso con un ajuste preestablecido de visor, también se debe publicar el ajuste preestablecido de visor. All viewer presets must be activated and published to obtain URL or embed code for an asset. Debe activar y publicar todos los ajustes preestablecidos de visualizador integrados que se incluyen con Dynamic Media. Los ajustes preestablecidos de visualizador personalizado que cree y agregue se activan automáticamente, pero también se deben publicar.
Consulte también Vista previa de recursos .
Para publicar ajustes preestablecidos de visor de Dynamic Media:
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  2. Seleccione uno o varios ajustes preestablecidos de visor que desee publicar.
  3. En la barra de herramientas, toque el icono Publicar .

Sorting Dynamic Media viewer presets

Para ordenar los ajustes preestablecidos del visor de Dynamic Media:
  1. En la esquina superior izquierda de AEM, pulse el logotipo de AEM y, a continuación, en el carril izquierdo, pulse Herramientas (icono de martillo) > Assets > Ajustes preestablecidos de visualizador .
  2. Haga clic en Título preestablecido , Tipo , Publicado o Estado para ordenar por ese encabezado de la columna. Por ejemplo, haga clic en Tipo para ordenar los tipos de ajustes preestablecidos de visualizador en orden alfabético o alfabético inverso.

Editing Dynamic Media viewer presets

Tenga en cuenta que la edición de cualquier ajuste preestablecido de visor preestablecido no es un escenario compatible. Si edita un ajuste preestablecido de visor incorporado, se le pedirá que lo guarde con un nuevo nombre.
Para editar los ajustes preestablecidos del visor de Dynamic Media:
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  2. Seleccione un ajuste preestablecido marcando la casilla a la izquierda del título del ajuste preestablecido de visor.
  3. En la barra de herramientas, toque Editar .
  4. En la página Editar ajuste preestablecido de visor, realice los cambios que desee en el ajuste preestablecido de visor.
  5. Realice una de las acciones siguientes:
    • Toque Guardar para guardar los cambios y volver a la página Ajustes preestablecidos de visor .
    • Toque Cancelar para anular los cambios realizados y volver a la página Ajustes preestablecidos de visor .

Eliminación de ajustes preestablecidos de visor de Dynamic Media personalizados

Puede eliminar los ajustes preestablecidos de visor que haya creado y agregado a Dynamic Media.
Para eliminar ajustes preestablecidos del visor de Dynamic Media personalizado:
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  2. En la página Ajustes preestablecidos de visor , marque un Título de ajuste preestablecido y, a continuación, toque el icono Papelera .
  3. Toque Eliminar .

Aplicación de un ajuste preestablecido de visor de Dynamic Media a un recurso

Si ya ha publicado el recurso y el visualizador seleccionado, los botones URL e Incrustar aparecerán después de seleccionar un ajuste preestablecido de visualizador.
Para aplicar un ajuste preestablecido de visor de Dynamic Media a un recurso :
  1. Abra el recurso y, cerca de la esquina superior izquierda de la página, toque el menú desplegable y, a continuación, seleccione Visores .
    Si ya ha publicado el recurso y el visualizador seleccionado, los botones URL e Incrustar aparecerán después de seleccionar un ajuste preestablecido de visualizador.
  2. Seleccione un ajuste preestablecido de visor en el panel izquierdo para aplicarlo al recurso.
    Puede copiar la URL para compartirla con otros usuarios.

Distribución de recursos con ajustes preestablecidos de visor de Dynamic Media

Para obtener las direcciones URL de los ajustes preestablecidos de visor, consulte Vinculación de direcciones URL a la aplicación web. Consulte también Incrustación del visor de vídeos en una página Web.
Si utiliza AEM como WCM, puede añadir recursos con los ajustes preestablecidos de visor directamente en la página. See Adding Dynamic Media Assets to Pages .