Administrar ajustes preestablecidos de visor managing-viewer-presets

Un ajuste preestablecido de visualizador es una colección de configuraciones que determinan cómo ven los usuarios los recursos de medios enriquecidos en las pantallas de sus equipos y dispositivos móviles. Si es administrador, puede crear Ajustes preestablecidos de visor. Las opciones de configuración están disponibles para una matriz de opciones de configuración de visualizador. Por ejemplo, puede cambiar el tamaño de visualización del visor o el comportamiento de zoom.

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

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 en cualquier momento en el que lo previsualice. Consulte Aplicar ajustes preestablecidos de visor.

NOTE
No se admite la edición de ajustes preestablecidos predefinidos listos para usar. Si intenta editar un ajuste preestablecido de visualizador predeterminado, se le pedirá que guarde el ajuste preestablecido de visualizador con un nombre nuevo.

Accesibilidad del teclado para visores keyboard-accessibility-for-viewers

Todos los visores predeterminados admiten la accesibilidad del teclado.

Consulte también Navegación y accesibilidad por teclado.

Administrar ajustes preestablecidos de visor managing-viewer-presets-1

Puede agregar, editar, eliminar, publicar y cancelar la publicación y obtener una vista previa de los ajustes preestablecidos de visualizador en Adobe Experience Manager si navega hasta Herramientas (icono de martillo) > Assets > Ajustes preestablecidos de visualizador.

6_5_tools-assets-viewerpresets

NOTE
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. Ver Aumentar el número de ajustes preestablecidos de visor que se muestran.

Compatibilidad del visor con páginas web diseñadas para responder viewer-support-for-responsive-designed-web-pages

Las diferentes páginas web tienen diferentes necesidades. Por ejemplo, a veces desea una página web que proporcione un vínculo que abra el Visor de HTML5 en una ventana independiente del explorador. En otros casos, es necesario incrustar el visualizador de HTML5 directamente en la página de alojamiento. En este último caso, la página web tiene un diseño estático. O bien, es "adaptable" y se muestra de forma diferente en diferentes dispositivos o para diferentes tamaños de ventana del explorador. Para satisfacer estas necesidades, todos los visores HTML 5 predefinidos y listos para usar que se incluyen con Dynamic Media admiten páginas web estáticas y páginas web diseñadas para adaptarse.

Consulte la biblioteca de imágenes estáticas interactivas en la Ayuda de la API de servicio y procesamiento de imágenes de Dynamic Media para obtener más información sobre cómo incrustar visores interactivos en las páginas web.

NOTE
Publish incluye todos los visores predeterminados antes de utilizarlos por primera vez.
Consulte Ajustes preestablecidos de visor de Publish.

Compatibilidad del sistema de ajustes preestablecidos de visor viewer-preset-system-compatibility

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

  • Equipos de escritorio
  • Apple iPhone
  • Apple iPad
  • Smartphone Android™
  • Android™ Tablet

Tipos de medios enriquecidos para ajustes preestablecidos de visor rich-media-types-for-viewer-presets

Los administradores pueden añadir y personalizar los siguientes tipos de medios enriquecidos al crear ajustes preestablecidos de visualizador.

Conjunto de carrusel
Los puntos interactivos, los mapas de imagen o ambos se agregan a una serie de dos o más imágenes. Un cliente puede desplazar 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 comprarla directamente desde la página de aterrizaje, la categoría o la página principal de un sitio web.
Dimensional
Muestra escenas 3D que permiten girar, desplazarse, hacer zoom o volver a centrar 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 (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 se vuelva demasiado grande, equilibre estos dos valores: si tiene un tamaño de imagen principal grande, reduzca el valor 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 suministra al visualizador).

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. Según la configuración de calidad del JPEG (la configuración recomendada está entre 80 y 90), puede reducir el tamaño del archivo significativamente. 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 utilizar. 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 más detalles o para comprar directamente desde la página de aterrizaje, la categoría o la página de inicio de un sitio web.
Vídeo interactivo
Las miniaturas se añaden a los segmentos de la cronología de un vídeo que un cliente puede seleccionar para obtener más información o para comprar directamente desde la página de aterrizaje, la categoría o la página principal 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 de imagen panorámica y de realidad virtual panorámica procesan 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 pueda considerarse como un panorama esférico, debe tener uno o ambos de los siguientes elementos:

  • 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ámicos".

Recorte inteligente de vídeos
Utilice este visor para detectar y recortar automáticamente el punto focal de cualquier vídeo.
Conjunto de giros
Proporciona varias vistas de una imagen para que los usuarios puedan girar el objeto y examinar los distintos lados y ángulos.
Vídeo 360

Utilice el visualizador de vídeo 360/VR para procesar vídeo equirectangular y obtener una experiencia de visualización envolvente de una habitación, propiedad, ubicación, paisaje o procedimiento médico.

Durante la reproducción en una pantalla plana, el usuario tiene control del ángulo de visión. La reproducción en dispositivos móviles utiliza sus controles giroscópicos integrados.

El visor incluye compatibilidad nativa para 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. Puede entregar vídeo 360 con extensiones de vídeo estándar como .mp4, .mkv y .mov. El códec más común es H.264.

Vídeo
Reproduce vídeo mediante flujo de bits progresivo o adaptable. La transmisión de velocidad de bits adaptable realiza automáticamente la detección de dispositivos y ancho de banda para ofrecer vídeo de la calidad correcta en el formato adecuado.
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, según el tamaño de pantalla de escritorio del usuario, las muestras no serán visibles hasta que el usuario se desplace hacia abajo en 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 asegurarse de que sean visibles. Este posicionamiento disminuyó el tamaño de la imagen principal. Sin embargo, con un diseño de muestra vertical, no es necesario asignar este espacio. De este modo, puede maximizar el tamaño de la imagen principal.
Zoom
Permite a los usuarios ampliar el área seleccionándola. Los usuarios pueden seleccionar controles para acercar, alejar y restablecer el tamaño predeterminado de la imagen.

Lista de ajustes preestablecidos de visor listos para usar list-of-out-of-the-box-viewer-presets

La siguiente tabla identifica todos los ajustes preestablecidos de visualizador predefinidos y listos para usar que se incluyen con Dynamic Media.

Ver también demostraciones en vivo.

Para obtener información sobre las versiones compatibles del explorador web y el sistema operativo para los visualizadores, consulte las Notas de la versión de los visualizadores.

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

NOTE
Todos los ajustes preestablecidos de visualizador listos para usar en Dynamic Media están activados (activados), pero debe publicarlos.
Ver ajustes preestablecidos de visualizador de Publish.
Los nuevos ajustes preestablecidos de visualizador que cree y agregue deben activarse y publicarse.
Consulte Activar o desactivar ajustes preestablecidos de visor y Ajustes preestablecidos de visor de publicación.
Título del ajuste preestablecido del visor
Tipo
Nombre de archivo CSS
Carrusel_Dotted_dark
Carrusel_Set
html5_carouselviewer_dotted_dark.css
Carrusel_Dotted_light
Carrusel_Set
html5_carouselviewer_dotted_light.css
Carrusel_Numérico_oscuro
Carrusel_Set
html5_carouselviewer_numeric_dark.css
Carrusel_Numeric_light
Carrusel_Set
html5_carouselviewer_numeric_light.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_oscuro
Medios_Mixtos
html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light
Medios_Mixtos
html5_inlinemixedmediaviewer_light.css
InlineZoom
Zoom_flotante
html5_inlinezoomviewer.css
MixedMedia_oscuro
Medios_Mixtos
html5_mixedmediaviewer_dark.css
MixedMedia_light
Medios_Mixtos
html5_mixedmediaviewer_light.css
PanoramicImage
Imagen_panorámica
html5_panoramicimage.css
PanoramicImageVR
Imagen_panorámica
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
SpinSet_dark
Spin_Set
html5_spinviewer_dark.css
SpinSet_light
Spin_Set
html5_spinviewer_light.css

Vídeo

(Incluye compatibilidad con subtítulos)

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 incluye funciones de medios sociales)

Video_360
html5_video360viewersocial.css

Video360VR

(Diseñado para usuarios finales que utilizan gafas 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 medios sociales)

Vídeo
html5_videoviewersocial.css
Zoom_oscuro
Zoom
html5_basiczoomviewer_dark.css
Zoom_light
Zoom
html5_basiczoomviewer_light.css
ZoomVertical_oscuro
Zoom_vertical
html5_zoomverticalviewer_dark.css
ZoomVertical_light
Zoom_vertical
html5_zoomverticalviewer_light.css

Matriz de gestos de visores móviles admitidos supported-mobile-viewers-gestures-matrix

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
Panes
Panes
Panes
Seleccionar
Muestra una ventana flotante
Muestra u oculta la interfaz de usuario
Muestra u oculta la interfaz de usuario
Seleccionar dos veces
No se aplica
Aumenta o restablece
Aumenta o restablece
Pellizco abierto
No se aplica
Amplía (solo iOS y Android™ 3 veces)
Amplía (solo iOS y Android™ 3 veces)
Pellizco cerca
No se aplica
Reduce (solo iOS y Android™ 3x)
Reduce (solo iOS y Android™ 3x)
Barrido
Barra de muestras de desplazamiento
Desplaza imágenes
Giros
Flick
Barra de muestras de desplazamiento
Desplaza imágenes
Giros

Aumente el número de ajustes preestablecidos de visualizador que se muestran increasing-the-number-of-viewer-presets-that-display

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

Para aumentar 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 /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 al origen 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 al deseado, por ejemplo, {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

  6. Seleccione Guardar todo.

Crear ajustes preestablecidos de visor creating-a-new-viewer-preset

La creación de ajustes preestablecidos de visualizador permite aplicar varias configuraciones para ver e interactuar con los recursos. Sin embargo, no es necesario crear ajustes preestablecidos de visualizador. Si lo prefiere, puede utilizar los ajustes preestablecidos predeterminados del visualizador integrados que ya se incluyen con Experience Manager Assets.

Si decide crear un ajuste preestablecido de visualizador, después de guardarlo, su estado se activará automáticamente (se establecerá en Activado) en la página Ajustes preestablecidos de visualizador. Este estado significa que está visible en el componente Dynamic Media y en el componente Interactive Media y siempre que se obtiene una vista previa de una imagen o un vídeo.

Algunos ajustes preestablecidos del visualizador tienen ajustes exclusivos que pueden afectar al uso y al comportamiento general del visualizador. Según el ajuste preestablecido de visualizador que cree, debe 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 visualizador de titulares de carrusel.

Para crear 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, vaya a Herramientas (icono de martillo) > Assets > Ajustes preestablecidos del visor.

    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 visor, en el campo Nombre de ajuste preestablecido, escriba 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 visualizador bajo el encabezado de columna Título de ajuste preestablecido.

  4. En el menú desplegable Tipo de medio enriquecido, seleccione el tipo de ajuste preestablecido de visualizador que desea crear y, a continuación, 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 ficha Apariencia.

  6. Realice una de las siguientes acciones:

    • 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 y configurarlo.

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

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

      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 arbitrario y hecho a mano siempre que defina correctamente los marcadores CSS de un visor determinado. (Los marcadores CSS se describen en cualquier tema de ayuda "Personalización de <nombre del visor> Visor" de la Guía de referencia de visores. Por ejemplo, si desea leer acerca de los marcadores CSS del Visor de zoom, consulte Personalización del Visor de zoom.) Sin embargo, es posible que el editor visual no entienda algunos valores CSS. En estos casos, el editor visual intenta anular los errores para que el CSS pueda seguir funcionando.

    note note
    NOTE
    Si prefiere editar la CSS directamente en su formulario sin procesar, seleccione Mostrar/Ocultar CSS debajo del menú desplegable Tipo seleccionado (si es necesario, desplace el editor visual hacia arriba para verlo).
    Al igual que el editor visual, cuando cambia una propiedad directamente en CSS, puede ver instantáneamente 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 utilizar ambos de forma intercambiable.
    note note
    NOTE
    Para las ilustraciones de botón, elija la imagen 2x y cargue obras de arte de alta resolución. Al trabajar con imágenes interactivas y titulares de ventas, también puede seleccionar entre varios botones de puntos interactivos predeterminados.
  7. (Opcional) Cerca de la parte superior de la página Editar ajuste preestablecido de visor, seleccione Escritorio, Tablet o Teléfono para definir de forma exclusiva estilos visuales para diferentes tipos de dispositivos y pantallas.

  8. En la página Editor de ajustes preestablecidos de visualizador, seleccione la ficha Comportamiento. Como alternativa, puede seleccionar cualquier elemento visual en el visor para seleccionarlo y configurarlo.
    Por ejemplo, para el tipo VideoPlayer, en Modificadores > Reproducción, puede seleccionar una de las tres opciones de flujo de velocidad de bits adaptable:

    • dash: vídeos transmitidos como solo DASH. Sin embargo, en los dispositivos Safari/iOS, debe seleccionar hls como tipo.

    • hls: los vídeos se transmiten solo como HLS.

    • auto: práctica recomendada. La creación de flujos DASH y HLS está optimizada para el almacenamiento. Por lo tanto, el Adobe recomienda que siempre seleccione auto como tipo de reproducción. Los vídeos se transmiten como guión, hls o progresivo, como en el siguiente ejemplo:

      • Si el navegador es compatible con DASH, primero se utiliza DASH streaming.
      • Si el explorador no admite DASH, se utiliza la transmisión por secuencias HLS en segundo lugar.
      • Si el navegador no es compatible con DASH o HLS, se utiliza la reproducción progresiva, por último.
    note note
    NOTE
    Para ver y usar la opción dash, primero debe habilitarla el soporte técnico de Adobe en su cuenta. Ver Habilitar DASH en tu cuenta.
  9. En el menú desplegable Tipo seleccionado, seleccione un componente cuyos comportamientos desee cambiar.

    Muchos componentes del editor visual tienen asociada una descripción detallada. Estas descripciones aparecen en los 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.

    note note
    NOTE
    Si usa 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 otra 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. Publish su nuevo ajuste preestablecido de visualizador. Es necesario publicar el ajuste preestablecido para poder utilizar la URL resultante en el sitio web.

    Ver Ajustes preestablecidos de visor de publicación.

    note important
    IMPORTANT
    Para los vídeos antiguos que usan un perfil de flujo de velocidad de bits adaptable, la URL seguirá reproduciéndose como de costumbre (con flujo HLS) hasta que vuelva a procesar los recursos de vídeo. Después de volver a procesar, la misma dirección URL seguirá funcionando pero ahora con la transmisión por secuencias DASH y HLS habilitadas.

Consideraciones especiales para crear un ajuste preestablecido de visualizador interactivo special-considerations-for-creating-an-interactive-viewer-preset

Modos de visualización para miniaturas de imágenes en el panel:

Al crear o editar un ajuste preestablecido de visualizador de vídeo interactivo, puede elegir qué ajuste de modo de visualización utilizar. Esta opción se produce al seleccionar InteractiveSwatches del menú desplegable Componente seleccionado en la ficha 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 modo de visualización segment (predeterminado) o un modo de visualización continuous.

Modo de visualización
Descripción
Segmento

Segment es el modo de visualización predeterminado para los ajustes preestablecidos predeterminados del visualizador de vídeo interactivo Shoppable_Video_light y Shoppable_Video_dark, y cualquier ajuste preestablecido del visualizador de vídeo interactivo que cree usted mismo.

En este modo, supongamos que hay menos miniaturas asignadas a un segmento de vídeo que el número de puntos visibles en el panel de visualización. En estos casos, las miniaturas de los subsegmentos siguiente o anterior se no se extraen para rellenar ningún 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 visualización continuous , suponga que el número de miniaturas de un segmento es menor que el número visible en el panel. En estos casos, el visor incluye automáticamente la visualización de miniaturas del segmento siguiente o del segmento anterior, en el que se muestra la última miniatura.

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

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

El comportamiento de desplazamiento automático de las miniaturas en el visualizador 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.

Para ilustrar, supongamos que tiene un segmento de vídeo de 30 segundos. Además, hay un total de nueve miniaturas que se mostrarán durante los 30 segundos. El tamaño del explorador es tal que hay cuatro posiciones de miniaturas visibles en el panel de visualización. El segmento de tiempo del vídeo de 30 segundos se divide en tres subsegmentos. La siguiente tabla 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
De 10 a 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 que se le han asignado. Observe también que las miniaturas 4, 6 y 7 son visibles en el panel el doble de tiempo que las otras miniaturas.

La lógica que el visor utiliza para cuántas miniaturas se muestran en el panel según el 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 explorador).
    Con el ejemplo de la tabla anterior, 9 miniaturas / 4 ranuras = 2,25; la lógica del visor lo redondea hasta tres subsegmentos.

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

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

Descripción
Acciones
Icono de punto interactivo
Cambiar el icono utilizado para el punto interactivo
Para cambiar la imagen del icono de punto interactivo, en la ficha 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 visualizador activating-or-deactivating-viewer-presets

Los ajustes preestablecidos de visualizador 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 está "Activado" después de crearlo. Si desactiva el ajuste preestablecido, no lo verá en el modo Autor. Si se publica el ajuste preestablecido, siempre se publica independientemente de si está activado o desactivado. Desactive los ajustes preestablecidos del visualizador si la lista resulta demasiado complicada o si no desea que haya un ajuste preestablecido del visualizador disponible para su uso.

Para activar o desactivar los ajustes preestablecidos del 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) > Assets > Ajustes preestablecidos del visor.

  2. En la página Ajuste preestablecido de visor, en el encabezado de columna State, seleccione la opción para activar o desactivar un ajuste preestablecido de visor.

    Los ajustes preestablecidos del visor que están activados tienen el conmutador a la derecha, dentro de un cuadro azul; los ajustes preestablecidos del visor desactivados tienen el conmutador a la izquierda, dentro de un cuadro gris claro.

Ajustes preestablecidos de visualizador de Publish publishing-viewer-presets

Activar (o activar) el estado de un ajuste preestablecido de visualizador significa que está visible en el componente de Dynamic Media, en el componente de medios interactivos y siempre que visualice 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 se deben activar y se deben publicar para obtener la URL o el código incrustado de un recurso. Active y publique 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 Activar o desactivar ajustes preestablecidos de visor.

Ver también Vista previa de Assets.

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) > Assets > Ajustes preestablecidos del visor.
  2. Seleccione uno o varios ajustes preestablecidos de visualizador que desee publicar.
  3. En la barra de herramientas, seleccione el icono Publish.

Ordenar ajustes preestablecidos de visor sorting-viewer-presets

  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) > Assets > Ajustes preestablecidos del visor.
  2. Seleccione Título de ajuste preestablecido, Tipo, Publicado o Estado para ordenar por ese encabezado de columna. Por ejemplo, seleccione Tipo para ordenar los tipos de ajustes preestablecidos de visor en orden alfabético o alfabético inverso.

Editar ajustes preestablecidos de visor editing-viewer-presets

No se admite la edición de ajustes preestablecidos predefinidos listos para usar. Si edita un ajuste preestablecido de visualizador predeterminado, se le pedirá que lo guarde con un nombre nuevo.

Para editar los ajustes preestablecidos del 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 del visor.

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

  3. En la barra de herramientas, seleccione Editar.

  4. En la página Editor de ajustes preestablecidos de visor, realice los cambios que desee en el ajuste preestablecido de visor con las opciones que se encuentran en las fichas Apariencia y Comportamiento.

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

  5. Cerca de la esquina superior derecha de la página, siga uno de estos procedimientos:

    • 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 deleting-custom-viewer-presets

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

Para eliminar los ajustes preestablecidos de visor personalizado:

  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) > Assets > Ajustes preestablecidos del visor.
  2. En la página Ajustes preestablecidos de visor, marque un Título de ajuste preestablecido y luego seleccione el icono Papelera.
  3. Seleccione Eliminar.

Aplicar ajustes preestablecidos de visualizador a un recurso applying-a-viewer-preset-to-an-asset

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 a un recurso:

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

    note note
    NOTE
    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. Para aplicarlo al recurso, seleccione un ajuste preestablecido de visualizador en el panel izquierdo.

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

Entrega de recursos con ajustes preestablecidos de visualizador delivering-assets-with-viewer-presets

Para obtener las direcciones URL de los ajustes preestablecidos de visor, consulte Vincular direcciones URL a la aplicación web. Consulte también Incrustar el visor de vídeo en una página web.

Si utiliza Experience Manager como WCM, puede agregar recursos utilizando los ajustes preestablecidos del visualizador directamente en la página. Consulte Agregar Dynamic Media Assets a las páginas.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab