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 la Documentación de la API del SDK de visualizador de Adobe5 de Dynamic Media HTML. 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 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 en cualquier momento en el que lo previsualice. Consulte Aplicación de ajustes preestablecidos de visor.
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 previsualizar ajustes preestablecidos de visualizador en Adobe Experience Manager al pulsar Herramientas (icono de martillo) > Assets > Ajustes preestablecidos de visualizador.
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 adaptables para obtener más información sobre cómo incrustar visores adaptables en las páginas web.
Ver [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™
- Android™ Tablet
- Para el vídeo, se proporciona compatibilidad adicional para la reproducción de MP4 en 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.
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.
Ver Ajustes preestablecidos de visor de publicación.
Consulte Activar o desactivar ajustes preestablecidos de visor y Publicar ajustes preestablecidos de visor.
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.
Aumentar el número de ajustes preestablecidos de visor 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 un recurso desde Vista de detalles > Visualizadores. Puede aumentar o disminuir el número de visualizadores que se muestran.
Aumentar el número de ajustes preestablecidos de visor que se muestran:
-
Vaya al CRXDE Lite (https://localhost:4502/crx/de).
-
Vaya al nodo de lista de ajustes preestablecidos de visualizador en la siguiente ubicación:
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist
-
En la propiedad limit, cambie el valor, que se establece en 15 de forma predeterminada, por el número deseado.
-
Vaya al origen de datos del ajuste preestablecido de visor en
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource
-
En la propiedad limit, cambie el número al deseado, por ejemplo,
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]} -
Seleccione 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, 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, es posible que desee tener en cuenta estas consideraciones especiales.
Consulte Consideraciones especiales para crear un ajuste preestablecido de visualizador interactivo.
Para crear un ajuste preestablecido de visor:
-
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.
-
En la página Ajustes preestablecidos de visor, en la barra de herramientas, seleccione Crear.
-
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.
-
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.
-
En la página Editor de ajustes preestablecidos de visualizador, seleccione la ficha Apariencia.
-
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 tipoMixed_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 Importar CSS debajo del menú desplegable Tipo seleccionado (si es necesario, desplace el editor visual hacia arriba para verlo) para que pueda 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
.s7mixedmediaviewerdefinido 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, 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. -
-
(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.
-
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: los vídeos se transmiten solo como 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 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 usar la opción dash, primero debe habilitarla el soporte técnico de Adobe en su cuenta. Ver Habilitar DASH en tu cuenta. -
-
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. -
Cerca de la esquina superior derecha de la página, seleccione Guardar.
-
Publish cambia el nuevo ajuste preestablecido de visualizador para que pueda utilizarlo en su 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 sigue funcionando, pero ahora con la transmisión por secuencias DASH y HLS de habilitada.
Consideraciones especiales para crear un ajuste preestablecido de visualizador interactivo special-considerations-for-creating-an-interactive-viewer-preset
Acerca de los modos de visualización para miniaturas de imagen en el panel
Cuando crea o edita un ajuste preestablecido de visualizador de vídeo interactivo, tiene la opción de qué ajuste de modo de visualización utilizar al seleccionar InteractiveSwatches del 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 modo de visualización segment (predeterminado) o continuous.
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:
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.
Consideraciones especiales para crear ajustes preestablecidos del visualizador de titulares de carrusel special-considerations-for-creating-a-carousel-banner-viewer-preset
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:
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:
-
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.
-
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 visor 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. 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.
Ver también Vista previa de Assets.
Para publicar los ajustes preestablecidos del visor:
- 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.
- Seleccione uno o varios ajustes preestablecidos de visualizador que desee publicar.
- En la barra de herramientas, seleccione el icono Publish.
Ordenar ajustes preestablecidos de visor sorting-viewer-presets
- 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.
- 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 del 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:
-
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.
-
Seleccione un ajuste preestablecido marcando la casilla a la izquierda del título del ajuste preestablecido del visualizador.
-
En la barra de herramientas, seleccione Editar.
-
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.
-
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 ajustes preestablecidos de visor personalizados:
- 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 de visor.
- En la página Ajustes preestablecidos de visor, marque un Título de ajuste preestablecido y luego seleccione el icono Papelera.
- 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:
-
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. -
Seleccione un ajuste preestablecido de visualizador en el panel izquierdo para poder aplicarlo al recurso.
Puede copiar la dirección 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 direcciones URL a su aplicación web. Consulte también Incrustación del 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.