Administrar ajustes preestablecidos de visor

Un ajuste preestablecido de visor es una colección de ajustes que determinan cómo ven los usuarios los recursos de medios enriquecidos en sus pantallas de equipo y dispositivos móviles. Si es un administrador, puede crear ajustes preestablecidos de visor. La configuración está disponible 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 la creación y personalización de sus propios ajustes preestablecidos de visor HTML5, consulte la documentación de la API del SDK del visor HTML5 de Dynamic Media Adobe. El SDK está disponible en el servidor de publicación IS incrustado en el propio SDK. Cada versión de la biblioteca tiene su propia documentación de SDK incluida.

Ruta: <scene7_domain>/s7sdk/<library_version>/docs/jsdocs/index.html.
Por ejemplo, SDK 3.10: https://s7d1.scene7.com/s7sdk/3.10/docs/jsdoc/index.html

Consulte también la Guía de referencia de visores de Dynamic Media de Adobe.

En esta sección se describe cómo crear, editar y administrar ajustes preestablecidos de visualizador. Puede aplicar un ajuste preestablecido de visualizador a un recurso cada vez que lo previsualice. Consulte Aplicación de ajustes preestablecidos de visor.

NOTA

La edición de ajustes preestablecidos de visor predefinidos y listos para usar no es un escenario compatible. Si intenta editar un ajuste preestablecido de visualizador listo para usar, se le pedirá que guarde el ajuste preestablecido de visualizador con un nuevo nombre.

Accesibilidad de teclado para visualizadores

Todos los visores integrados admiten la accesibilidad del teclado.

Consulte también Accesibilidad del teclado y navegación.

Administrar ajustes preestablecidos de visor

Puede agregar, editar, eliminar, publicar, cancelar la publicación y previsualizar ajustes preestablecidos de visualizador en Adobe Experience Manager tocando Herramientas (icono de martillo) > Recursos > Ajustes preestablecidos de visualizador.

6_5_tools-assets-viewerpresets

NOTA

De forma predeterminada, el sistema muestra 15 ajustes preestablecidos de visualizador al seleccionar Visualizadores 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 adaptarse

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 de navegador independiente. 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 puede ser "interactivo" y mostrarse de forma diferente en diferentes dispositivos o para diferentes tamaños de ventana del navegador. Para satisfacer estas necesidades, todos los visores HTML5 predefinidos y listos para usar que se incluyen con Dynamic Media admiten tanto páginas web estáticas como páginas web diseñadas con capacidad de respuesta.

Consulte Biblioteca de imágenes interactivas para obtener más información sobre cómo incrustar visores interactivos en las páginas web.

NOTA

Tenga en cuenta que debe publicar todos los visores integrados antes de usarlos por primera vez.
Consulte [Ajustes preestablecidos del visualizador de publicaciones].(#publishing-viewer-presets)

Compatibilidad del sistema con ajustes preestablecidos del visor

Todos los ajustes preestablecidos de visor integrados que se incluyen con Dynamic Media son totalmente compatibles con los siguientes sistemas:

  • Computadoras de escritorio
  • Apple iPhone
  • Apple iPad
  • Smartphone Android™
  • Tableta Android™
  • Para vídeo, se proporciona compatibilidad adicional para 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 ajustes preestablecidos de visor.

Conjunto de carrusel

Las zonas interactivas, los mapas de imágenes o ambas se añaden a una serie de dos o más imágenes. Un cliente puede realizar una panorámica de las imágenes a la izquierda o a la derecha y, a continuación, seleccionar un punto interactivo de una imagen para obtener más información o para realizar compras directamente desde las páginas de aterrizaje, la página principal o la categoría de un sitio web.

Dimensional

Muestra escenas 3D que le permiten girar, recorrer, acercar o volver a entrar en la cámara.

Zoom flotante

Muestra una segunda imagen del área ampliada junto a la imagen original. No hay controles que utilizar: 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 proporcionan en el visor. El tamaño de la imagen principal (ancho y alto 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 del 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 proporciona al visor).

Por ejemplo, si el tamaño de la imagen principal es de 350 por 350 píxeles, con un factor de zoom de 3, la imagen flotante resultante es de 1050 por 1050 píxeles. Si el tamaño de la imagen principal es de 300 por 300 píxeles, con un factor de zoom de 4, la imagen flotante es de 1200 por 1200 píxeles. Dependiendo del ajuste de calidad JPEG (los ajustes recomendados están 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, dependiendo del 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 diferentes vistas o variaciones de color de un elemento seleccionando una imagen en miniatura. Este visor también ofrece herramientas de zoom para examinar las imágenes de cerca.
Imagen interactiva Los puntos interactivos se añaden a partes de una imagen que un cliente puede seleccionar para obtener detalles adicionales o para realizar compras directamente desde la categoría, la página de inicio o las páginas de aterrizaje de un sitio web.
Vídeo interactivo Las miniaturas se añaden a los segmentos de cronología de un vídeo que un cliente puede seleccionar para obtener detalles adicionales o para realizar compras directamente desde la categoría, la página principal o las páginas de aterrizaje de un sitio web.
Medios mixtos Muestra diferentes tipos de medios en un visualizador. 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 califique como un panorama esférico, debe tener una o ambas de las siguientes opciones:

  • Una relación de aspecto de 2:1.
  • Etiquetado con las palabras clave equirectangular, o spherical y panorama, o spherical y panoramic. 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 "Medios panorámicas".

Importante: Este visor solo está disponible en el modo Dynamic Media - Scene7 .

Recorte inteligente de vídeos

Utilice este visor para detectar y recortar automáticamente al punto focal de cualquier vídeo.

Conjunto de giros Proporciona varias vistas de una imagen para que los usuarios puedan girar el objeto para examinar los diferentes lados y ángulos.
Vídeo 360

Utilice el visor de vídeo 360/VR para representar un vídeo equirectangular que ofrezca una experiencia de visualización inmersiva de una habitación, propiedad, ubicación, paisaje o procedimiento médico.

Durante la reproducción en una pantalla plana, el usuario controla el ángulo de visualización; reproducción en dispositivos móviles suele aplicar sus controles giroscópicos integrados.

El visor incluye compatibilidad nativa con la entrega de 360 recursos de vídeo. De forma predeterminada, no es necesaria ninguna configuración adicional para la visualización o reproducción. El vídeo 360 se entrega con extensiones de vídeo estándar como .mp4, .mkv y .mov. El códec más común es H.264.

Importante: Este visor solo está disponible en el modo Dynamic Media - Scene7 .

Vídeo

Reproduce el vídeo mediante flujo continuo de velocidad de bits progresiva o adaptable. La transmisión de velocidad de bits adaptable realiza automáticamente la detección de dispositivos y ancho de banda 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, dependiendo del tamaño de la pantalla del escritorio del usuario, no son visibles hasta que el usuario se desplace hacia abajo por la página. Al colocar las muestras verticalmente en el visor, se 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 garantizar que sean 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 seleccionándola. Los usuarios pueden seleccionar 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 listos para usar que se incluyen con Dynamic Media.

Consulte también Demostraciones en directo.

Para obtener información sobre las versiones compatibles del navegador web y del sistema operativo de los visores, consulte las Notas de la versión de los visores.

Consulte "Notas de la versión de los visores" en la tabla de contenido de la Guía de referencia de visores.

NOTA

Todos los ajustes preestablecidos de visualizador integrados en Dynamic Media ya están activados (activados), pero debe publicarlos.
Consulte Ajustes preestablecidos del visualizador de publicaciones.

Los ajustes preestablecidos de visor nuevos que cree y agregue deben activarse *y *publicarse.
Consulte Activación o desactivación de ajustes preestablecidos de visualizador y Ajustes preestablecidos de visualizador de publicaciones.

Título preestablecido del visor Tipo Nombre de archivo CSS
Carrusel_Dotted_dark Carousel_Set html5_carouselviewer_dotted_dark.css
Carrusel_Dotted_light Carousel_Set html5_carouselviewer_dotted_light.css
Carrusel_Numeric_dark Carousel_Set html5_carouselviewer_numeric_dark.css
Carrusel_Numeric_light Carousel_Set html5_carouselviewer_numeric_light.css
Dimensional Dimensional html5_dimensionalviewer.css
Flotante Zoom flotante 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 Zoom flotante 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_interactivevideovewer_light.css
SmartCropVideo Smart_Crop_Video html5_smartcropvideoviewer.css
SmartCropVideo_social Smart_Crop_Video html5_smartcropvideoviewersocial.css
SpinSet_dark Conjunto de giros html5_spinviewer_dark.css
SpinSet_light Conjunto de giros html5_spinviewer_light.css

Vídeo

(Incluye compatibilidad con subtítulos optativos)

Vídeo html5_videoviewer.css

Video360_social

(Incluye controles básicos de reproducción de vídeo, el procesamiento de vídeo se realiza en modo estéreo, el control manual del punto de vista está desactivado, pero el control giroscópico está activado y no hay funciones de medios sociales)

Video_360 html5_video360viewersocial.css

Video360VR

(Diseñado para usuarios finales que utilizan lentes de realidad virtual. Incluye controles básicos de reproducción de vídeo y funciones de medios sociales)

Video_360 html5_video360viewer.css

Video_social

(Incluye compatibilidad con subtítulos y redes 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

Matriz de gestos de visores móviles compatibles

La siguiente tabla identifica los gestos del visor móvil compatibles con los dispositivos iOS, Android™ 2.x y Android™ 3.x.

Gesto Zoom flotante Zoom Giro

Arrastrar

Pans

Pans

Pans

Seleccionar

Muestra la ventana flotante

Muestra u oculta la interfaz de usuario

Muestra u oculta la interfaz de usuario

Pulsar dos veces

No se aplica

Amplía o restablece

Amplía o restablece

Abrir el lápiz

No se aplica

Amplía (solo iOS y Android™ 3x)

Amplía (solo iOS y Android™ 3x)

Pellizque

No se aplica

Reduce el tamaño de la página (solo iOS y Android™ 3x)

Reduce el tamaño de la página (solo iOS y Android™ 3x)

Deslizar

Desplaza la barra de muestra

Desplazamiento por imágenes

Giros

Flick

Desplaza la barra de muestra

Desplazamiento por imágenes

Giros

Aumente el número de ajustes preestablecidos de visor que se muestran

El Experience Manager muestra una amplia variedad de ajustes preestablecidos de visualizador al ver un recurso desde Vista de detalles > Visualizadores. Puede aumentar o disminuir el número de visualizadores que se muestran.

Aumente el número de ajustes preestablecidos de visor que se muestran:

  1. Vaya al CRXDE Lite (https://localhost:4502/crx/de).

  2. Vaya al nodo de lista de ajustes preestablecidos de visor en la siguiente ubicación:

    /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist

    chlimage_1-221

  3. En la propiedad limit, cambie el valor, que se establece en 15 de forma predeterminada, por el número deseado.

  4. Vaya a la fuente de datos del ajuste preestablecido de visor en /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource

    chlimage_1-222

  5. En la propiedad limit , cambie el número por el número deseado, por ejemplo {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

  6. Seleccione Guardar todo.

Crear un ajuste preestablecido de visualizador

La creación de ajustes preestablecidos de visualizador le permite aplicar distintos ajustes para ver e interactuar con los recursos. Sin embargo, no es necesario crear ajustes preestablecidos de visor. Si lo prefiere, puede utilizar los ajustes preestablecidos de visualizador predeterminados que ya se incluyen con AEM Assets.

Si elige crear un ajuste preestablecido de visualizador, después de guardarlo, el estado del visualizador se activa automáticamente (establecido en On) en la página Ajustes preestablecidos de visualizador. Este estado significa que está visible en el componente Dynamic Media y en el componente Medios interactivos y siempre que se obtiene una vista previa de una imagen o un vídeo.

Algunos ajustes preestablecidos de visualizador tienen una configuración exclusiva que puede afectar al uso y al comportamiento general del visualizador. En función del ajuste preestablecido de visualizador que cree, es posible que desee tener en cuenta estas consideraciones especiales.

Consulte Consideraciones especiales para crear un ajuste preestablecido de visualizador interactivo.

Consulte Consideraciones especiales para crear un ajuste preestablecido de visor de banners de carrusel.

Para crear un ajuste preestablecido de visualizador:

  1. En la esquina superior izquierda del Experience Manager, seleccione el logotipo del Experience Manager y, a continuación, en el carril izquierdo, seleccione Herramientas (icono de martillo) > Recursos > Ajustes preestablecidos de visualizador.

    6_5_viewerpresets

  2. En la página Ajustes preestablecidos de visor, en la barra de herramientas, seleccione Crear.

  3. En el cuadro de diálogo Nuevo ajuste preestablecido de visualizador, en el campo Nombre de ajuste preestablecido, introduzca el nombre del nuevo ajuste preestablecido. Elija un nombre con cuidado; no se pueden editar después de seleccionar Crear.

    Cuando guarde el ajuste preestablecido más adelante en estos pasos, el nombre aparecerá 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 visualizador que desea crear y, en la esquina superior derecha de la página, seleccione Crear.

    Consulte Tipos de medios enriquecidos para ajustes preestablecidos de visor.

  5. En la página Editor de ajustes preestablecidos de visualizador, seleccione la pestaña Aspecto.

  6. Realice una de las acciones siguientes:

    • En el menú desplegable Tipo seleccionado, seleccione un componente cuyo diseño visual desee personalizar. Como alternativa, puede seleccionar cualquier elemento visual en el visor para seleccionarlo para su configuración.

      El editor visual permite ver qué efecto tiene una propiedad determinada en un estilo. Establezca o ajuste cualquier propiedad para ver instantáneamente qué efecto tiene en el visor con la muestra a la izquierda del editor.

      Las propiedades de estilo CSS para cada tipo de ajuste preestablecido de visualizador se describen en el tema de ayuda "Personalización del <viewer name> visualizador" de la Guía de referencia del visualizador. Por ejemplo, si está creando un ajuste preestablecido de visualizador del tipo Mixed_Media, consulte Personalización del visualizador 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 AEM Assets. Seleccione Import CSS debajo del menú desplegable Tipo seleccionado (si es necesario, desplácese hacia arriba el editor visual para verlo) para poder encontrar el archivo CSS cargado y asociarlo al ajuste preestablecido de visor.

      Al importar un archivo CSS, el editor visual comprueba si el CSS utiliza los marcadores de visor correctos. Por ejemplo, si está creando un visor de zoom, todas las reglas CSS que importe deben definirse con su nombre de clase de visor .s7mixedmediaviewer definido en un elemento de visor principal.

      Puede importar CSS arbitraria hecha 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 del <nombre del visor> Visor" en la Guía de referencia de visores. Por ejemplo, si desea obtener información 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.

    NOTA

    Si prefiere editar la CSS directamente en su formulario sin procesar, seleccione Mostrar/Ocultar CSS debajo del menú desplegable Tipo seleccionado (si es necesario, desplácese hacia arriba el editor visual para verlo).
    Al igual que el editor visual, cuando cambia una propiedad directamente en el CSS, inmediatamente ve qué efecto 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 CSS sin procesar o el editor visual, o ambos de forma intercambiable.

    NOTA

    Para las ilustraciones de botones, elija la imagen 2x y cargue las ilustraciones de alta resolución. Al trabajar con imágenes interactivas y banners de ventas, también puede seleccionar entre varios botones de puntos interactivos integrados.

  7. (Opcional) Cerca de la parte superior de la página Editar ajuste preestablecido de visualizador, seleccione Escritorio, Tablet o Teléfono para definir de forma exclusiva estilos visuales para distintos tipos de dispositivos y pantallas.

  8. En la página Editor de ajustes preestablecidos de visualizador, seleccione la pestaña Behavior. Como alternativa, puede seleccionar cualquier elemento visual en el visor para 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 al expandir 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.

    NOTA

    Si utiliza un dispositivo táctil, como un teléfono o una tableta…

    Después de escribir un valor en el campo de texto, seleccione en cualquier parte de la interfaz de usuario para enviar el cambio y cerrar el teclado virtual. Si selecciona Entrar, no se producirá ninguna acción.

  10. Cerca de la esquina superior derecha de la página, seleccione Guardar.

  11. Publique el nuevo ajuste preestablecido de visor para que pueda utilizarlo en su sitio web.

    Consulte Ajustes preestablecidos del visualizador de publicaciones.

Consideraciones especiales para crear un ajuste preestablecido de visualizador interactivo

Acerca de los modos de visualización de las miniaturas de imágenes en el panel

Cuando se crea o edita un ajuste preestablecido de visualizador de vídeo interactivo, se puede elegir qué ajuste de modo de visualización se utilizará al seleccionar InteractiveSwatches en el menú Componente seleccionado en la pestaña Comportamiento. El modo de visualización que elija afecta a cómo y cuándo aparecerán las miniaturas mientras se reproduce el vídeo. Puede elegir un segmentmodo de visualización (predeterminado) o un continuous modo de visualización.

Modo de visualización Descripción
Segmento

Segment es el modo de visualización predeterminado de los ajustes preestablecidos de visualizador de vídeo interactivo Shoppable_Video_light y Shoppable_Video_dark y de cualquier ajuste preestablecido de visualizador 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. Además, las miniaturas de los subsegmentos siguientes o anteriores no se extraen para rellenar cualquier punto vacío en el panel. Es decir, conserva la visualización de muestras asignadas al segmento de vídeo concreto.

Continuo

En el modo de continuous visualización, si el número de miniaturas de un segmento es menor que el número visible en el panel, el visor incluye automáticamente la visualización de miniaturas del siguiente segmento. O bien, el visor incluye automáticamente la visualización de las miniaturas del segmento anterior, en los casos en que se muestra la última miniatura.

El vídeo de este tema es un ejemplo del modo de visualización continuous .

Acerca del comportamiento de desplazamiento automático en el visualizador de vídeo interactivo

El comportamiento de desplazamiento automático de las miniaturas del visor de vídeo interactivo funciona independientemente del modo de visualización que haya elegido.

Cuando cree o edite un ajuste preestablecido de visualizador de vídeo interactivo, accede al desplazamiento automático desde la pestaña Comportamiento. En la ficha Comportamiento, en el menú desplegable Componentes seleccionados, seleccione Muestras interactivas. La casilla de verificación Desplazamiento automático aparece debajo del campo de texto Comando IS.

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.

Como ejemplo, supongamos que tiene un segmento de vídeo de 30 segundos. Además, hay un total de nueve miniaturas para mostrar durante los 30 segundos. El tamaño del navegador es tal que hay cuatro posiciones de miniaturas visibles en el panel de visualización. El segmento de tiempo de vídeo de 30 segundos se divide en tres subsegmentos. La tabla siguiente muestra el desglose de las miniaturas que se muestran para un subsegmento de tiempo determinado:

Subsegmento de vídeo Tiempo de 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 a él. También observe que las miniaturas 4, 6 y 7 son visibles en el panel el doble de tiempo que las demás miniaturas.

La lógica que utiliza el visor para ver cuántas miniaturas 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 espacios visibles en el panel de miniaturas, según el tamaño de la ventana del navegador).
    Con el ejemplo de la tabla anterior, 9 miniaturas / 4 ranuras = 2,25; la lógica del visor lo redondea a tres subsegmentos.

  • Número de miniaturas = redondear a la siguiente miniatura (número de miniaturas/número de subsegmentos de vídeo).
    Con 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.
    Con el ejemplo de la tabla anterior, 30 segundos / 3 subsegmentos de vídeo = 10 segundos de visualización de cada subsegmento de vídeo.

Al crear ajustes preestablecidos de visor de titular de carrusel, se puede acceder a cambiar el estilo de las zonas interactivas de la siguiente manera:

Descripción Acciones
Icono de zona interactiva Cambiar el icono utilizado para la zona interactiva Para cambiar la imagen del icono de zona interactiva, en la pestaña Aspecto, en Componente seleccionado, seleccione ImageMapEffect. En Icono, seleccione Fondo y, en el campo Imagen, vaya a la imagen de fondo que desee.

Activar o desactivar ajustes preestablecidos de visor

Los ajustes preestablecidos de visor disponibles en la interfaz de usuario dependen de los que estén activos en el modo Autor. De forma predeterminada, un ajuste preestablecido de visualizador es "Activado" después de crearlo. Si desactiva el ajuste preestablecido, no lo verá en modo Autor. Si se publica el ajuste preestablecido, siempre se publica independientemente de si está activado o desactivado. Puede que desee desactivar los ajustes preestablecidos de visor si la lista es demasiado complicada o si no desea que haya un ajuste preestablecido de visor disponible para su uso.

Para activar o desactivar ajustes preestablecidos de visor:

  1. En la esquina superior izquierda del Experience Manager, seleccione el logotipo del Experience Manager y, a continuación, en el carril izquierdo, seleccione Herramientas (icono de martillo) > Recursos > Ajustes preestablecidos de visualizador.

  2. En la página Ajuste preestablecido de visualizador, en el encabezado de columna Estado, seleccione el botón de alternancia para activar o desactivar un ajuste preestablecido de visualizador.

    Los ajustes preestablecidos de visor que se activan tienen el botón de alternancia a la derecha, dentro de un cuadro azul; los ajustes preestablecidos de visualizador desactivados tienen la opción que aparece a la izquierda, dentro de un cuadro gris claro.

Publicar ajustes preestablecidos de visor

Activar (o activar) el estado de un ajuste preestablecido de visualizador significa que está visible en el componente Dynamic Media, en el componente de Medios interactivos y siempre que se vea un recurso.

Sin embargo, para entregar un recurso con un ajuste preestablecido de visualizador, también se debe publicar el ajuste preestablecido de visualizador. Todos los ajustes preestablecidos de visualizador deben activarse y publicarse para obtener la URL o el código incrustado de un recurso. Asegúrese de 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 Activación o desactivación de ajustes preestablecidos de visor.

Consulte también Vista previa de recursos.

Para publicar ajustes preestablecidos de visor:

  1. En la esquina superior izquierda del Experience Manager, seleccione el logotipo del Experience Manager y, a continuación, en el carril izquierdo, seleccione Herramientas (icono de martillo) > Recursos > Ajustes preestablecidos de visualizador.
  2. Seleccione uno o varios ajustes preestablecidos de visor que desee publicar.
  3. En la barra de herramientas, seleccione el icono Publish.

Ordenar ajustes preestablecidos de visor

  1. En la esquina superior izquierda del Experience Manager, seleccione el logotipo del Experience Manager y, a continuación, en el carril izquierdo, seleccione Herramientas (icono de martillo) > Recursos > Ajustes preestablecidos de visualizador.
  2. Seleccione Título preestablecido, Tipo, Publicado o Estado para ordenar por ese encabezado de columna. Por ejemplo, seleccione Type para ordenar los tipos de ajustes preestablecidos de visualizador en orden alfabético o alfabético inverso.

Editar ajustes preestablecidos de visor

La edición de ajustes preestablecidos de visor predefinidos y listos para usar no es un escenario compatible. Si edita un ajuste preestablecido de visualizador incorporado, se le pedirá que lo guarde con un nuevo nombre.

Para editar ajustes preestablecidos de visor:

  1. En la esquina superior izquierda del Experience Manager, seleccione el logotipo del Experience Manager y, a continuación, en el carril izquierdo, seleccione Herramientas (icono de martillo) > Recurso > Ajustes preestablecidos de visualizador.

  2. Seleccione un ajuste preestablecido marcando la casilla a la izquierda del título del ajuste preestablecido de visualizador.

  3. En la barra de herramientas, seleccione Editar.

  4. En la página Editor de ajustes preestablecidos de visualizador, realice los cambios que desee con el ajuste preestablecido de visualizador, utilizando las opciones que se encuentran en las pestañas Aspecto y Comportamiento.

    En la ficha Aspecto, cerca de la esquina superior izquierda de la página Editor de ajustes preestablecidos de visualizador, seleccione Escritorio, Tablet o Teléfono para cambiar el modo de presentación del recurso.

  5. Cerca de la esquina superior derecha de la página, realice una de las siguientes acciones:

    • Seleccione Guardar para guardar los cambios y volver a la página Ajuste preestablecido de visor.
    • Seleccione Cancelar para anular los cambios realizados y volver a la página Ajuste preestablecido de visor.

Eliminar ajustes preestablecidos de visor personalizados

Puede eliminar los ajustes preestablecidos de visor que haya creado y agregado a Dynamic Media.

Para eliminar ajustes preestablecidos de visor personalizados:

  1. En la esquina superior izquierda del Experience Manager, seleccione el logotipo del Experience Manager y, a continuación, en el carril izquierdo, seleccione Herramientas (icono de martillo) Recursos > Ajustes preestablecidos de visualizador.
  2. En la página Ajustes preestablecidos de visor, marque un Título preestablecido y, a continuación, seleccione el icono Papelera.
  3. Seleccione Delete.

Aplicar un ajuste preestablecido de visualizador 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 visualizador a un recurso:

  1. Abra el recurso y, cerca de la esquina superior izquierda de la página, seleccione el menú desplegable y, a continuación, seleccione Visualizadores.

    NOTA

    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 visualizador en el panel izquierdo para que pueda aplicarlo al recurso.

    Puede copiar la dirección URL para compartir con otros usuarios.

Enviar recursos con ajustes preestablecidos de visor

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 visualizador de vídeo en una página web.

Si utiliza Experience Manager como WCM, puede añadir recursos utilizando los ajustes preestablecidos de visor directamente en la página. Consulte Adición de recursos de Dynamic Media a páginas.

En esta página