Ajustes preestablecidos de visor

Diferentes páginas Web tienen diferentes necesidades. A veces deseará que la página web proporcione un vínculo que abra el visor HTML5 en otra ventana del explorador. En otros casos, puede ser necesario incrustar el visor HTML5 directamente en la página de alojamiento. En este último caso, la página web puede tener un diseño estático. O bien, puede ser “interactiva” y mostrarse de forma diferente en diferentes dispositivos o diferentes tamaños de ventana de explorador. Para satisfacer estas necesidades, los visores HTML5 de Scene7 son compatibles con páginas web tanto estáticas como interactivas.

Consulte Biblioteca de imágenes estáticas interactivas en la Ayuda de la API del servicio de imágenes de Scene7 para obtener más información sobre la incrustación de visores interactivos en sus páginas web.

Los administradores pueden crear y personalizar los siguientes tipos de valores preestablecidos de visor:

Visor de catálogos electrónicos

Simula la experiencia real de leer un catálogo impreso. Puede moverse de una página a otra, acercar y alejar los elementos de una página, y usar los mapas de imagen para ver más información acerca de los elementos de la página. También puede incluir un panel de información para mostrar información detallada y un elemento de mapa de imagen si el área del mapa tiene un atributo rollover_key válido. Para incluir un panel de información, especifique una dirección URL del servidor de información en la configuración del panel de información de la ventana de ajuste preestablecido de visor de catálogo electrónico.

Visor de conjuntos de muestras

Muestra la imagen con un color, material, textura, acabado o tela diferentes. Los usuarios deben hacer clic en una miniatura para ver las variaciones en la imagen.

Visor de conjuntos de medios mixtos

Muestra los diferentes tipos de medios en un solo visor. Puede incluir conjuntos de muestras, conjuntos de giros, imágenes y vídeos. Puede configurar fichas que contengan distintos tipos de contenido, como una ficha para conjuntos de imágenes y otra ficha para vídeos. Los vídeos que se reproducen desde un conjunto de medios mixtos usan un visor de vídeo estándar con una línea de tiempo y controles de vídeo, como Detener, Pausa, Rebobinar y Reproducir. Al configurar un ajuste preestablecido de visor de conjuntos de medios mixtos, debe especificar qué visores desea usar para los diferentes tipos de recursos en su conjunto de medios mixtos. También puede usar el visor de cuadrícula o carrusel para ver un conjunto de medios mixtos.

Visor de conjuntos de giros

Proporciona vistas múltiples de una imagen para que los usuarios puedan girar el objeto y examinar sus diferentes aspectos y ángulos.

Visor de vídeos

Visualiza vídeos utilizando las dimensiones de resolución del archivo de origen o un tamaño personalizado. Scene7 incluye muchos ajustes preestablecidos de visor predefinidos para la reproducción de vídeo y, si es un administrador, puede crear sus propios ajustes preestablecidos de visor de vídeo. Hay más de una docena de opciones de configuración diferentes para personalizar el visor de vídeo. Puede configurar el tamaño, el color de primer plano y fondo, los controles de audio y vídeo, la barra de progreso, la apariencia de la interfaz del usuario, las funciones sociales y la ayuda del visor.

Visor de reediciones de vídeo

Para la creación de reediciones de vídeo, proporciona audio de muestra, fondos, bordes, rótulos, efectos, gráficos, transiciones y vídeo. Este contenido aparece en el panel Contenido de eVideo muestra de la pantalla Reedición de vídeo.

Visores de zoom

Ofrece una selección de tres tipos de visor de zoom:

Visor de zoom

Permite a los usuarios acercarse a una zona haciendo clic. Pueden hacer clic en los controles para acercarse, alejarse y restablecer la imagen a su tamaño predeterminado.

Visor de zoom: Desplegable

Muestra una segunda imagen de la zona ampliada junto a la imagen original. No hay controles, los usuarios simplemente mueven la selección sobre la zona que desean ver.

Al determinar el uso del ancho de banda completo para este visor, tenga en cuenta que tanto la imagen principal como la imagen flotante se muestran en el visor. El tamaño de imagen principal (la anchura y altura de escenario) y el factor de zoom determinan el tamaño de la imagen flotante. Para evitar que el tamaño del archivo flotante sea demasiado grande, equilibre estos dos valores: si el tamaño de la imagen principal es muy grande, reduzca el valor de Factor de zoom. (Los valores de Anchura flotante y Altura flotante determinan el tamaño de la ventana flotante, pero no el tamaño de la imagen que se muestra en el visor).

Por ejemplo, si el tamaño de la imagen principal es 350 x 350 píxeles, con un factor de zoom de 3, el tamaño de la imagen flotante que resultará será de 1050 x 1050 píxeles. Si el tamaño de la imagen principal es de 300 x 300 píxeles, con un factor de zoom de 4, el tamaño de la imagen flotante será de 1200 x 1200 píxeles. Según el ajuste de calidad JPEG (el recomendado es entre 80 y 90), podrá reducir el tamaño del archivo en gran medida. Los factores de zoom recomendados son de 2,5 a 4, según el tamaño de la imagen principal.

En la tabla siguiente se identifican los ajustes preestablecidos de visor de Scene7 disponibles en la actualidad. En la tabla también se especifica la compatibilidad del visor con los ordenadores y los dispositivos móviles, así como la tecnología empleada para cada visor.

Consulte también Ejemplos de la biblioteca de referencia de visores de Scene7 .

Para obtener información sobre las versiones de sistema operativo y navegador web admitidas para los visores, consulte las notas de la versión de los visores.

Consulte Notas de la versión de la referencia de los visores de Scene7 .

En la siguiente tabla se identifican los gestos del visor móvil que admiten los dispositivos iOS, Android 2.x y Android 3.x.

Esta pantalla permite crear y gestionar ajustes preestablecidos de visor. Para abrir esta pantalla, haga clic en Ajustes > Ajustes preestablecidos de visor .

La pantalla Ajustes preestablecidos de visor ofrece una serie de herramientas para realizar las siguientes tareas:

Agregar un ajuste preestablecido

Haga clic en Agregar y elija las opciones que desee en el cuadro de diálogo Añadir ajuste preestablecido de visor.

Consulte Adición y edición de ajustes preestablecidos de visor .

Editar un ajuste preestablecido

Seleccione un ajuste preestablecido y, a continuación, haga clic en Editar .

Consulte Adición y edición de ajustes preestablecidos de visor .

Eliminar un ajuste preestablecido

Seleccione un ajuste preestablecido y, a continuación, haga clic en Eliminar .

Adición de asistencia para la localización a un ajuste preestablecido

Agregue valores de cadena de asignación de configuración regional en el servidor de imágenes en Ajustes de publicación y, a continuación, edite un ajuste preestablecido de visor Flash AS3 y agregue texto de información de objeto localizado.

Consulte Adición de asistencia para la localización a un ajuste preestablecido de visor Flash AS3 .

Exportación de un ajuste preestablecido

Seleccione un ajuste preestablecido de visor Flash AS3 o HTML5 y, a continuación, haga clic en Exportar para descargar la apariencia de visor si desea utilizarla como punto de partida para crear y añadir otro ajuste preestablecido de visor.

Consulte Exportación de un ajuste preestablecido de visor Flash AS3 o HTML5 .

Filtrar la lista de ajustes preestablecidos

Utilice estas herramientas para filtrar la lista:

• Abra la lista desplegable de activo/inactivo y seleccione una opción para mostrar los ajustes preestablecidos activos, los inactivos o todos.

• Abra la lista desplegable Plataforma y elija mostrar solo los visores de la plataforma Flash AS3.

• Abra la lista desplegable Visor y elija una opción para ver únicamente los visores de un tipo concreto. Seleccione Todos los visores para mostrarlos todos.

Ordenar ajustes preestablecidos

Haga clic en el encabezado de una columna (Activo, Universal, Tipo, Ajuste preestablecido o Plataforma) para ordenar la lista de la misma. Vuelva a hacer clic en el encabezado de columna para ordenar la lista en orden descendente (o ascendente).

Consulte Acerca de los visores universales .

Activar y desactivar ajustes preestablecidos

Seleccione un ajuste preestablecido y haga clic en la opción Activar para activarlo o desactivarlo.

Consulte Activación o desactivación de ajustes preestablecidos de visor .

Haga clic en Vista previa a la derecha de la pantalla Ajustes preestablecidos de visor y compruebe qué aspecto tiene el recurso con el ajuste preestablecido de visor seleccionado. Si desea ver otro recurso, haga clic en Examinar en la pantalla Ajustes preestablecidos de visor y seleccione otro recurso en el cuadro de diálogo Seleccionar recurso para vista previa.

Además de añadir ajustes preestablecidos de visor con Agregar en la interfaz de usuario, también puede usar Exportar para hacerlo. Basta con exportar un ajuste preestablecido de visor existente para Flash AS3 o HTML5 y, luego, emplearlo como base para el nuevo ajuste preestablecido.

Consulte Exportación de un ajuste preestablecido de visor Flash AS3 o HTML5 .

Para añadir y editar ajustes preestablecidos de visor

1. Cerca de la esquina superior derecha de Scene7 Publishing System, haga clic en Ajustes > Ajustes preestablecidos de visor .

   Puede filtrar la lista de ajustes preestablecidos. Por ejemplo, para ver solo los ajustes preestablecidos para los visores de vídeos, seleccione Visor de vídeos en el menú desplegable de visores que hay en la barra de herramientas, justo encima de la tabla.

2. En la pantalla Ajustes preestablecidos de visor, añada o edite el ajuste preestablecido de visor oportuno.

   Adición

   Haga clic en Agregar en la barra de herramientas. En el cuadro de diálogo Añadir ajuste preestablecido de visor, elija una plataforma y seleccione un tipo de recurso de medios enriquecidos.

   Haga clic en Guardar como cuando termine de crear el ajuste preestablecido de visor.

   Agregar a partir de un ajuste preestablecido de visor existente

   En la tabla, seleccione un ajuste preestablecido de visor de vídeo y, a continuación, haga clic en Editar en la barra de herramientas.

   Después de volver a configurar el visor de vídeo, haga clic en Guardar como para guardar el ajuste preestablecido con otro nombre en el campo de texto Nombre de ajuste preestablecido.

   Edición

   Seleccione un ajuste preestablecido de visor existente y, a continuación, haga clic en Editar .

3. En la pantalla Configurar visor, en el campo Nombre de ajuste preestablecido, escriba o edite el nombre.

4. Defina las opciones restantes que desee.

   Nota: Seleccione Igual que el origen para ajustar automáticamente el tamaño del visor de vídeos al tamaño de resolución del vídeo codificado. Si elige esta opción, no puede introducir la anchura ni la altura del escenario sino que estas opciones proceden del propio vídeo. Si selecciona Igual que el origen, configure la opción de tamaño de margen para que refleje las dimensiones de aspecto fuera del área de reproducción de vídeo. Este tamaño de margen es la altura y anchura de píxel de los controles de vídeo. La siguiente ilustración le ayuda a determinar los tamaños de margen que se deben utilizar.

   Ver gráfico a tamaño completo

   Altura y anchura tanto del escenario como del margen de un visor de vídeo.

5. Realice una de las siguientes acciones:

   • Haga clic en Guardar como si ha agregado un ajuste preestablecido de visor a partir de uno existente.

   • Haga clic en Guardar si ha agregado o editado un ajuste preestablecido de visor.

Puede agregar texto de información de objeto localizado a un visor Flash AS3.

Para llevar a cabo esta función, defina en primer lugar una cadena de asignación de configuración regional en el servidor de imágenes. A continuación, edite el texto de información de objeto de un ajuste preestablecido de visor Flash AS3.

Consulte Consideraciones al configurar la localización de recursos .

Tenga en cuenta que Scene7 Publishing no incluye fuentes para los idiomas orientales como el japonés, chino o coreano. Dichos idiomas normalmente requieren una codificación UTF-8 o un conjunto de caracteres distinto. Por lo tanto, para utilizar estos idiomas para el texto de información sobre herramientas puede iniciar sesión en Scene7 desde dicha configuración regional e introducir los valores de la información sobre herramientas que desee. O bien, el texto de información sobre herramientas como UTF-8; es decir, cortar y pegar el texto en un procesador de textos que ejecute el idioma oriental deseado.

Además de la posibilidad de utilizar información localizada sobre herramientas en un visor siguiendo los pasos que se describen a continuación, existe un método alternativo. Puede agregar información sobre herramientas localizada e incluso gráficos localizados a un visor directamente en el SDK de visor. Para obtener instrucciones, consulte el capítulo Localización de la guía en PDF sobre el SDK de visor de Adobe Scene7 para Adobe Flash , disponible como parte de la descarga del SDK de visor de Adobe Scene7 desde Adobe Developer Connection .

Puede exportar un ajuste preestablecido de visor Flash AS3 o HTML5 existente para utilizarlo como base para crear un nuevo ajuste preestablecido de visor Flash AS3 o HTML5. Esta opción de exportación resulta útil porque no tiene que crear el visor de cero, sino que puede exportar un ajuste preestablecido con un aspecto y un comportamiento parecidos a los deseados y, luego, usarlo como punto de partida para realizar ajustes de diseño.

Si va a exportar un ajuste preestablecido de visor HTML5, asegúrese de tener instalado el SDK de visor HTML5 para poder editar el CSS exportado y el código JavaScript relacionado. De igual forma, si va a exportar un ajuste preestablecido de visor Flash AS3, asegúrese de tener instalado el SDK de visor Flash en Adobe Flash Professional para poder editar el archivo FLA exportado.

Consulte Recursos para el desarrollador .

Para exportar un ajuste preestablecido de visor Flash AS3 o HTML5

1. Haga clic en Ajustes > Ajustes preestablecidos de visor .

2. En la barra de herramientas Ajustes preestablecidos de visor, seleccione HTML5 o Flash AS3 en la segunda lista desplegable desde la izquierda.

3. En la tercera lista desplegable desde la izquierda, seleccione Todos los visores .

4. Seleccione el ajuste preestablecido de visor que desee utilizar como punto de partida para un ajuste preestablecido de visor Flash AS3 o HTML5 nuevo.

5. En la barra de herramientas, haga clic en Exportar .

6. En el cuadro de diálogo Exportar recursos seleccionados, haga clic en Enviar exp. .

   Después de la exportación, recibirá un archivo FLA comprimido si ha exportado un visor de Flash AS3. Si ha exportado un visor HTML5, recibirá un archivo CSS. Descargue y descomprima el archivo.

7. Realice una de las acciones siguientes en función del ajuste preestablecido de visor exportado:

   • Abra el archivo FLA en Adobe Flash Professional y realice los cambios oportunos. Asegúrese de tener instalado el SDK de visor de Scene7 para Flash antes de editar el archivo.

     Exporte el archivo FLA como una película y guarde el archivo SWF resultante.

   • Abra el archivo CSS en un editor de CSS, realice los cambios oportunos y, a continuación, guarde el archivo.

8. Cargue el archivo SWF o el archivo CSS en Scene7 Publishing System.

   Consulte Carga de archivos .

9. Publique el archivo SWF o el archivo CSS en el servidor de imágenes de Scene7.

   Consulte Publicación XSLT .

10. Añada el nuevo ajuste preestablecido de visor del modo habitual. Según el visor exportado, seleccione el archivo SWF o CSS de visor que ha cargado.

    Consulte Adición y edición de ajustes preestablecidos de visor .

Para crear una URL y mostrar los recursos, los usuarios deben abrir la lista desplegable Ajustes preestablecidos del cuadro de diálogo Vista previa, seleccionar un Ajuste preestablecido de visor y hacer clic en Copiar URL (consulte Copia de la dirección URL de un ajuste preestablecido de visor ). La lista Ajustes preestablecidos contiene unos ajustes que los administradores pueden agregar y gestionar desde la pantalla Ajustes preestablecidos de visor. Por ejemplo, cuando un usuario obtiene una vista previa de un catálogo electrónico, todos los ajustes preestablecidos de visor del catálogo activo aparecen en la lista desplegable Ajustes preestablecidos, en el cuadro de diálogo Vista previa.

Si no desactiva los ajustes preestablecidos de visor en su pantalla correspondiente, la lista desplegable de ajustes del cuadro de diálogo Ajustes preestablecidos puede llenarse demasiado.

Para activar o desactivar ajustes preestablecidos de visor

1. Seleccione Ajustes > Ajustes preestablecidos de visor para acceder a la pantalla Ajustes preestablecidos de visor.

2. Seleccione o anule la selección de opciones activas para activar o desactivar ajustes preestablecidos de visor.

Tras publicar un recurso, puede copiar una URL para mostrar el recurso con la configuración de un ajuste preestablecido de visor.

La URL se copiará en el portapapeles. Podrá utilizarla como sea necesario en el código HTML de su página web, dispositivo móvil o aplicación.

Para copiar la dirección URL de un ajuste preestablecido de visor

1. Seleccione el recurso en el panel Examinar.

2. Encima del panel de exploración de recursos, en la parte derecha de la barra de herramientas, realice una de las siguientes acciones:

   • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, haga doble clic en un único recurso para abrirlo en la vista de detalles. En el panel URL y código incrustado de la derecha, haga clic en Copiar URL a la derecha del visor que desee.

   • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor debajo de la imagen en miniatura.

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Copiar URL .

   • Haga clic en Vista de lista . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor a la derecha de la imagen en miniatura.

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Copiar URL .

   • Haga clic en Vista de cuadrícula , Vista de lista o Vista de detalles . En la misma barra de herramientas, haga clic en Vista previa > Lista del visor .

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Copiar URL .

El uso de la función de código incrustado permite revisar el código del ajuste preestablecido de visor seleccionado. También puede copiar el código en el portapapeles para pegarlo en sus páginas web para la implementación del visor.

No se permite la edición del código en el cuadro de diálogo Código incrustado.

Para copiar el código incrustado de un ajuste preestablecido de visor

1. Seleccione el recurso en el panel de exploración de recursos.

2. Encima del panel de exploración de recursos, en la parte derecha de la barra de herramientas, realice una de las siguientes acciones:

   • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, haga doble clic en un único recurso para abrirlo en la vista de detalles. En el panel Direcciones URL de la derecha, haga clic en Código incrustado .

   • Haga clic en Vista de cuadrícula . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor debajo de la imagen en miniatura.

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Código incrustado .

   • Haga clic en Vista de lista . En el panel de exploración de recursos, seleccione un único recurso y, a continuación, haga clic en Vista previa > Lista del visor a la derecha de la imagen en miniatura.

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Código incrustado .

   • Haga clic en Vista de cuadrícula , Vista de lista o Vista de detalles . En la misma barra de herramientas, haga clic en Vista previa > Lista del visor .

     En la página Lista del visor, en la columna Acciones de la tabla, haga clic en Código incrustado .

3. En el cuadro de diálogo Código incrustado, haga clic en Copiar al portapapeles .

4. Haga clic en Cerrar .

Consulte Práctica recomendada: Uso del visor de vídeo HTML5 .

Consulte también Tabla de compatibilidad de ajustes preestablecidos de visor de Scene7 .

Puede utilizar los visores universales para publicar vídeos e imágenes en varias clases de pantallas, como las de equipos de escritorio, smartphones y tablets, desde una dirección URL única.

Antes, como las distintas plataformas admitían tecnologías diferentes como Flash o HTML5, debía crear sus propios visores y, luego, escribir su propio código de detección de dispositivos para poder cambiar entre esas experiencias distintas. En general, todo el proceso exigía mucho más trabajo de desarrollo, además del mantenimiento de varias URL.

Si configura visores universales, Scene7 proporciona una URL universal única que se puede implementar e integrar en los sitios web, los sitios móviles y las aplicaciones móviles. Además, Scene7 Publishing System ejecuta automáticamente la detección de dispositivos y presenta a los clientes el contenido correcto, en el visor adecuado y en el dispositivo oportuno.

La configuración de visores universales se lleva a cabo en Ajustes de aplicación. Los tipos de visor que se pueden configurar son Zoom, Conjunto de imágenes, Conjunto de muestras, Giro, Catálogo electrónico y Vídeo.

También puede utilizar un ajuste preestablecido de visor universal existente como base para crear sus propios perfiles de visor universal con un nombre de su elección. Por ejemplo, puede decidir crear distintos visores del mismo tipo para tareas de localización, para distintas unidades de negocio dentro de la misma empresa, para distintas categorías de producto, o para cada temporada (como, por ejemplo, un visor universal para el catálogo electrónico de primavera y otro para el de verano).

En cada tipo de visor (por ejemplo, Zoom) se muestran las plataformas de destino, así como los visores asociados, como visores basados en HTML o visores basados en la tecnología Flash. Para cada plataforma de destino, debe arrastrar el visor que desee utilizar y soltarlo en el dispositivo oportuno, por ejemplo, smartphone, tablet u ordenador.

En el caso de los smartphones, se admiten smartphones basados en Android y en Apple. En el caso de los dispositivos tablet, se admiten tablets basados en Android y en Apple. En el caso de los ordenadores, se admite Flash Player.

Para editar la configuración de los visores universales, asegúrese de publicar un trabajo en el servidor de imágenes de Scene7 para que se apliquen los cambios.

Consulte también Ejemplos de la biblioteca de visores de Scene7 .