Presentando páginas

Tipos de páginas

Al crear o editar una página, la selección Tipo de página ofrece lo siguiente:

Categorías de página

Los tipos de página se pueden agrupar en tres categorías. Las categorías y detalles de cada uno siguen:

No configurable
- Una página que elijas incluir en tu aplicación, o no.
- El documento Incluyendo páginas no configurables proporciona más detalles, incluido cómo agregar uno de estos tipos de páginas a la aplicación.
- Ejemplos de páginas no configurables son Configuración y Registrarse, que se muestran aquí:
Pantalla

Una página que contiene tu contenido de vídeo, en carruseles, listas, etc.
Altamente configurable mediante bloques, diseños y listas de reproducción. Aquí se muestran dos ejemplos:
pantalla-hero_imagen_

Un tipo especial de página de pantalla, pero permite una imagen detrás del contenido del vídeo.
Necesita cargar tanto una imagen de orientación horizontal como póster para diferentes plataformas, por ejemplo, web (horizontal) y móvil (vertical).
El área de «héroe» en la parte superior de la pantalla no está cubierta y no es configurable:

Redirigir

Los tipos de página de redirección son solo para la aplicación web.
redirect-blank abre una página web en una pestaña nueva.
redirect-self abre una página web en la misma pestaña.
Especifique la dirección URL en la ficha Redirección externa.

Definiciones de tipo de página

En la tabla siguiente se muestran los tipos de página, incluida una descripción y su uso.

Tipo de página	Descripción	Agregar bloques en la interfaz de usuario (Sí/No)	Uso (Necesario/Recomendado/Opcional)
descargas personalizadas	No soportado	No	N/A
custom-exit	Proporciona funcionalidad para salir de una aplicación.	No	Requerido en algunas plataformas, principalmente Smart TV.
cierre de sesión personalizado	Proporciona funcionalidad para cerrar sesión de una aplicación. Después de cerrar la sesión, el usuario se deja en la página de destino o lo convierte en un usuario anónimo.	No	Obligatorio si tiene usuarios registrados, como sería el caso de la mayoría de las plataformas móviles.
configuración personalizada	Proporciona acceso a la configuración.	No	Muy recomendable.
inicio de sesión personalizado	Proporciona inicio de sesión de usuario registrado	No	Necesario para usuarios registrados; no es necesario si permite la navegación anónima
registro personalizado	Proporciona una forma para que los usuarios se registren	No	Obligatorio si la aplicación utiliza usuarios registrados; no es necesario si permite la navegación anónima
epg-	Guía electrónica de programas (EPG) muestra la guía de programas para TV en directo	No	Necesario es que la aplicación utiliza canales en vivo
LiveTV-Player	Reproduce vídeo en directo y automáticamente cambiará la orientación a horizontal.	No	Si reproduce TV en vivo, se recomienda utilizar la pantalla de vista previa de LiveTV, ya que presenta un reproductor al usuario, luego al hacer clic o tocar cambiará la orientación a horizontal y reproducirá el video.
Vista previa de LiveTV	Reproduce vídeo en vivo con el reproductor como parte de una página más grande, luego al hacer clic o tocar se reproducirá el vídeo en orientación horizontal.	No	Recomendado para su uso sobre LiveTV-Player
my_stuff-all	Proporciona una página con dos fichas, una de las cuales muestra Vigilada recientemente y la otra ficha muestra Favoritos. Esto sería sólo una página en blanco con un mensaje que dice que necesita usar Recientemente visto y Favoritos.	No	Opcional
my_stuff-favorites	Contiene los vídeos marcados por el usuario como favoritos.	No	Recomendación
my_stuff-recently_watched	Contiene los últimos 20 vídeos vistos, enumerados cronológicamente.	No	Recomendación
redirección-blanco	Sólo Web; cuando se hace clic en la opción de menú, redireccionar se produce a una nueva pestaña.	No	Opcional
redirección-auto	Sólo Web; cuando se hace clic en la opción de menú, redireccionar ocurre a la misma pestaña.	No	Opcional
pantalla-	Muestra los vídeos agrupados en carruseles o pestañas. Se utiliza para organizar el contenido de su aplicación.	Sí	Obligatorio
pantalla-hero_imagen_	Tipo especial de página de pantalla donde puede agregar una imagen detrás del contenido del vídeo.	Sí	Opcional
búsqueda-	Proporciona una pantalla de entrada con un campo de entrada donde puede buscar el contenido y, a continuación, presenta los resultados.	No	Muy recomendable.

Configuración de páginas de pantalla

Como se mencionó anteriormente en este documento, las páginas de pantalla contienen sus vídeos y proporcionan opciones para la visualización de las imágenes que representan sus vídeos. En esta sección, verá las opciones de configuración con capturas de pantalla de cómo se ven esas opciones en sus aplicaciones. Primero verá información sobre bloques, que es el nivel más alto de contenedor en una página de pantalla. A continuación, verá información de diseño, que controla cómo se muestran las imágenes que representan sus vídeos.

Bloques

Destacados en amarillo están los tipos de bloques que puedes usar:

Aquí hay imágenes de cada tipo:

un solo bloque

El bloque único sólo le permite agregar una combinación de diseño/lista de reproducción al bloque. La captura de pantalla muestra un solo bloque que muestra un carrusel. Tenga en cuenta que si intenta agregar varias combinaciones de diseño/lista de reproducción a un solo bloque, o intenta cambiar a un bloque único que contenga varias combinaciones de diseño/lista de reproducción, obtendrá un error:

bloque de lista-

El bloque de lista le permite agregar varias combinaciones de diseño/lista de reproducción al bloque. La captura de pantalla muestra un bloque de lista con tres carruseles contenidos en él.

tabed_bloc

El bloque tabulado le permite agregar varias combinaciones de diseño/lista de reproducción al bloque, pero solo se mostrará una a la vez y las pestañas permiten al usuario elegir cuál es visible. Se aplican dos restricciones:

Los diseños dentro de un bloque tabulado deben ser los mismos.
Dentro de un bloque de pestañas, los diseños deben ser rejillas.

La captura de pantalla muestra un bloque de pestañas con listas de reproducción seleccionables.

bloque desplegable

El bloque desplegable le permite agregar múltiples combinaciones de diseño/lista de reproducción al bloque, pero solo se mostrará una a la vez y el menú desplegable permite al usuario elegir cuál es visible. Se aplican dos restricciones:

Los diseños dentro de un bloque desplegable deben ser los mismos.
Dentro de un bloque desplegable, los diseños deben ser cuadrículas.

La captura de pantalla muestra un bloque desplegable (dentro del rectángulo amarillo) con tres listas de reproducción seleccionables.

Diseños

En todos los ejemplos de bloques por encima de la disposición seleccionada era un carrusel. El carrusel muestra la imagen de cada vídeo en una lista horizontal. Ese no es el único diseño desde el que puede elegir. Los diseños disponibles se resaltan en amarillo:

En lugar de una captura de pantalla de cada tipo de diseño, se mostrará un ejemplo de cada característica de diseño. Los tipos resaltados en amarillo arriba son combinaciones de diferentes características.

Carrusel Y Etiquetas En

El carrusel muestra imágenes en una fila horizontal y las etiquetas superponen una pequeña parte inferior de la imagen.

Etiquetas de salida

Las etiquetas están debajo de la imagen.

Destacados

Las imágenes son más grandes (aparecen en caja en rojo, carrusel normal debajo de eso). A menudo, pero no siempre, los diseños destacados se utilizan en la parte superior de una página.

Apaisado

Las imágenes son proporcionadas en el paisaje.

Carteles

Las imágenes son cartel (retrato) proporcionadas.

Cuadrícula 3 Y cuadrícula 4

Los dos tipos de cuadrículas muestran imágenes en un patrón bidimensional de fila/columna. El número que sigue a la cuadrícula, 3 o 4, indica un tamaño relativo para las imágenes. NO indica el número de columnas que siempre se mostrarán. Esta captura de pantalla muestra un navegador de 800 px de ancho, y la cuadrícula 3 tiene dos filas de tres imágenes. La cuadrícula 4 muestra cuatro imágenes, ya que las imágenes son más pequeñas.

Esta siguiente captura de pantalla sigue usando una cuadrícula 3 y una cuadrícula 4, pero el ancho del navegador es 1600px. Las imágenes de la cuadrícula 3 ahora tienen cuatro de ancho, y cinco imágenes en el diseño de cuadrícula 4 pueden caber en toda la pantalla. Una vez más se puede ver que las imágenes de la cuadrícula 3 son más grandes.

Esto concluye las opciones para bloques y diseños.

Parámetros de configuración de página comunes

En Brightcove Beacon, al crear una página nueva o editar una página existente, verá las siguientes fichas:

La ficha Datos básicos es donde elige el tipo de página, así como configurar las páginas de pantalla . Las otras pestañas son las mismas para todos los tipos de página. El documento Configuración común detalla la información necesaria en las fichas Datos Textuales, Datos no Textuales , Etiquetas y Derechos y Programación .

Contenido de la página