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.
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.
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.
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.
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.
Consulte Ajustes preestablecidos de visor de publicación.
Consulte Activar o desactivar ajustes preestablecidos de visor y Ajustes preestablecidos de visor de publicación.
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
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:
-
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.
-
Navegue hasta la fuente 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]}
-
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.
Para crear un ajuste preestablecido de visor:
-
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.
-
En la página Ajustes preestablecidos de visor, en la barra de herramientas, seleccione Crear.
-
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.
-
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 Aspecto pestaña.
-
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 tipoMixed_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. -
-
(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.
-
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. -
-
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. -
Cerca de la esquina superior derecha de la página, seleccione Guardar.
-
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 segment
modo de visualización (predeterminado) o 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:
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 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.
-
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:
- 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.
- Seleccione uno o varios ajustes preestablecidos de visualizador que desee publicar.
- En la barra de herramientas, seleccione Publish icono.
Ordenar ajustes preestablecidos de visor sorting-viewer-presets
- 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.
- 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:
-
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.
-
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 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.
-
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:
- 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.
- En la página Ajustes preestablecidos de visualizador, marque un Título de ajuste preestablecido y, a continuación, seleccione Papelera icono.
- 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 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. -
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.