Administrar ajustes preestablecidos de visor managing-viewer-presets

Un ajuste preestablecido de visor es una colección de opciones 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.

Para obtener instrucciones sobre cómo crear y personalizar sus propios ajustes preestablecidos de visualizador de HTML5, consulte el Adobe Dynamic Media Documentación de API de SDK de visor de HTML 5. El SDK está disponible en el servidor de publicación de IS incrustado en el propio SDK. Cada versión de la biblioteca de tiene incluida su propia documentación del SDK.

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 Adobe 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
Editar cualquiera ajustes preestablecidos predefinidos listos para usar del visualizador no es un escenario compatible. 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 del teclado.

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

Puede añadir, editar, eliminar, publicar y cancelar la publicación y previsualizar ajustes preestablecidos de visualizador en Adobe Experience Manager al pulsar Herramientas (icono de martillo) > Assets > Ajustes preestablecidos de visor.

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. Consulte Aumento del número de ajustes preestablecidos de visor que se muestran.

Compatibilidad del visor con páginas web interactivas diseñadas 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, puede ser necesario incrustar el visualizador de 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 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 de forma interactiva.

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

NOTE
Publique todos los visores predeterminados antes de utilizarlos por primera vez.
Consulte [Ajustes preestablecidos de visor de publicación].(#publishing-viewer-presets)

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™
  • 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 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 comprar directamente desde la categoría, la página principal o las páginas de aterrizaje 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 información o para comprarlos directamente desde la categoría, la página principal o las páginas de aterrizaje 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 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 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 representan imágenes panorámicas esféricas para sumergir a los usuarios en una experiencia de visualización de 360 grados 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".

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 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 suele aplicar 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.

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

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".
    En el caso de las muestras horizontales, según el tamaño de pantalla de escritorio del usuario, no son visibles hasta que el usuario se desplaza 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 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.
Acercar o alejar
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.

Consulte también Demostraciones en directo.

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 los visualizadores" en la tabla de contenido de la Guía de referencia del visor.

NOTE
Todos los ajustes preestablecidos de visualizador listos para usar en Dynamic Media ya están activados (activados), pero debe publicarlos.
Consulte Ajustes preestablecidos de visor de publicación.
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
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_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
SmartCropVideo
Smart_Crop_Video
html5_smartcropvideoviewer.css
SmartCropVideo_social
Smart_Crop_Video
html5_smartcropvideoviewersocial.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
Acercar o alejar
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
Acercar o alejar
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

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

Experience Manager muestra una amplia variedad de ajustes preestablecidos de visualizador al ver un recurso desde Vista de detalles > Espectadores. 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 visualizador 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. Navegue hasta 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 al deseado, por ejemplo, {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

  6. Seleccionar Guardar todo.

Crear un ajuste preestablecido 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 AEM Assets.

Si decide crear un ajuste preestablecido de visualizador, después de guardarlo, el estado del visualizador 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 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, 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 visualizador de titular de carrusel.

Para crear un ajuste preestablecido de visor:

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

    6_5_viewerpresets

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

  3. En el Nuevo ajuste preestablecido de visor , en el 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 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 Aspecto pestaña.

  6. Realice una de las siguientes acciones:

    • En el Tipo seleccionado en el menú desplegable, 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 visualizador se describen en "Personalización" <viewer name> Visor" en el tema de ayuda de Guía de referencia del visor. Por ejemplo, si está creando un ajuste preestablecido de visualizador del tipo Mixed_Media, consulte Personalizar el 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 AEM Assets. Seleccionar Importar CSS debajo de la Tipo seleccionado menú desplegable (si es necesario, desplace el editor visual hacia arriba para verlo), de modo que pueda encontrar el archivo CSS cargado y asociarlo al ajuste preestablecido de visualizador.

      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 el nombre de clase del 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 sección "Personalización <viewer name=""> Visor" en el tema de ayuda de Guía de referencia del visor. 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, ve 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 visualizador, seleccione Escritorio, Tableta, o Teléfono para definir estilos visuales de forma exclusiva para distintos tipos de dispositivos y pantallas.

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

    • raya - Vídeos se transmiten como guión solamente. Sin embargo, en dispositivos Safari/iOS, debe seleccionar hls como el tipo, en su lugar.

    • hls - Los vídeos se transmiten como solo hls.

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

      • 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 utilizar raya opción, primero debe habilitarla el Soporte técnico de Adobe en su cuenta. Consulte Habilitar DASH en su 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 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 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. Publique el nuevo ajuste preestablecido de visualizador para que pueda utilizarlo en su sitio web.

    Consulte Ajustes preestablecidos de visor de publicación.

    note important
    IMPORTANT
    Para los vídeos antiguos que utilizan un perfil de flujo continuo de velocidad de bits adaptable, la URL sigue reproduciéndose de la forma habitual (con flujo HLS) hasta que reprocesar los recursos de vídeo. Después de volver a procesar, la misma dirección URL sigue funcionando, pero ahora con ambos Flujo DASH y HLS habilitado.

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 imagen 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 al seleccionar InteractiveSwatches desde el Componente seleccionado menú debajo de Comportamiento pestaña. 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 una de las siguientes opciones segmentmodo de visualización (predeterminado) o continuous modo de visualización.

Modo de visualización
Descripción
Segmento

Segment es el modo de visualización predeterminado para los ajustes preestablecidos del visualizador de vídeo interactivo Shoppable_Video_light y Shoppable_Video_dark y 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 siguiente o anterior son no se incorporó para rellenar los puntos vacíos del panel. Es decir, conserva la visualización de muestras asignadas al segmento de vídeo concreto.

Continuo

Entrada continuous modo de 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 en este tema es un ejemplo de continuous modo de visualización.

Acerca del comportamiento de desplazamiento automático en el visualizador 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 pestaña Funcionamiento, en Componentes seleccionados menú desplegable, 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 Aspecto pestaña, en Componente seleccionado, seleccione ImageMapEffect. En Icono, seleccione Fondo y en el Imagen vaya a la imagen de fondo que desee.

Activar o desactivar ajustes preestablecidos de visor 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. Es posible que desee desactivar los ajustes preestablecidos del visualizador si la lista resulta demasiado complicada o si no desea que un ajuste preestablecido del visualizador esté disponible para su uso.

Para activar o desactivar los ajustes preestablecidos del visor:

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

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

    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.

Publicar ajustes preestablecidos del visor 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, a entregar Si es 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 publicado 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 Activar o desactivar ajustes preestablecidos de visor.

Consulte también Vista previa de recursos.

Para publicar ajustes preestablecidos de visor:

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

Ordenar ajustes preestablecidos de visor sorting-viewer-presets

  1. En la esquina superior izquierda de Experience Manager, seleccione el logotipo del Experience Manager y, a continuación, en el carril izquierdo, seleccione Herramientas (icono de martillo) > Assets > Ajustes preestablecidos de visor.
  2. Seleccionar 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 visualizador en orden alfabético o alfabético inverso.

Editar ajustes preestablecidos del visor editing-viewer-presets

Editar cualquiera ajustes preestablecidos predefinidos listos para usar del visualizador no es un escenario compatible. 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 de 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 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 el Editor de ajustes preestablecidos de visor , realice los cambios que desee en el ajuste preestablecido de visualizador, utilizando las opciones que se encuentran en la Aspecto y Comportamiento pestañas.

    Desde el Aspecto , cerca de la esquina superior izquierda de la página Editor de ajustes preestablecidos de visualizador, 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:

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

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 personalizados:

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

Aplicar un ajuste preestablecido de visor 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 Espectadores.

    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. Seleccione un ajuste preestablecido de visualizador en el panel izquierdo para poder aplicarlo al recurso.

    Puede copie la URL para compartir con otros usuarios.

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

Para obtener las direcciones URL de los ajustes preestablecidos de visor, consulte Vinculación de URL en la aplicación web. Consulte también Incrustación del visualizador de vídeos 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 Añadir recursos de Dynamic Media a las páginas.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2