assistance Contacter le support | Étatétat du système du système
Contenu de la page

    Présentation des pages

    Dans cette rubrique, vous trouverez un aperçu de l'utilisation des Pages dans une application Brightcove Beacon. Les pages contiennent la fonctionnalité et le contenu vidéo que les utilisateurs verront.

    Types de pages

    Lorsque vous créez ou modifiez une page, la sélection Type de page offre les éléments suivants :

    types de page

    Catégories de page

    Les types de page peuvent être regroupés en trois catégories. Les catégories et les détails de chacune sont les suivants :

    1. Non configurable
      • Une page que vous choisissez d'inclure dans votre application, ou non.
      • Le document Incluant les pages non configurables fournit des détails supplémentaires, notamment comment ajouter l'un de ces types de pages à votre application.
      • Des exemples de pages non configurables sont Paramètres et S'inscrire , présentés ici :
        vidéos en vedette
        vidéos en vedette
    2. Écran
      • Une page qui contient votre contenu vidéo, en carousels, listes, etc.
      • Hautement configurable à l'aide de blocs, mises en page et playlists. Deux exemples sont présentés ici :
        vidéos en vedette
        vidéos en vedette
      • écran-hero_image
        • Un type spécial de page d'écran, mais permet une image derrière le contenu vidéo.
        • Besoin de télécharger une image d'orientation paysage et d'affichage pour différentes plateformes, par exemple, web (paysage) et mobile (portrait).
        • La zone « héros » en haut de l'écran est censée être non couverte et n'est pas configurable :
          vidéos en vedette
    3. Redirection
      • Les types de page de redirection sont uniquement pour l'application Web.
      • redirect-blank ouvre une page Web dans un nouvel onglet.
      • redirect-self ouvre une page Web dans le même onglet.
      • Spécifiez l'URL dans l' onglet Redirection externe.

    Définitions des types de page

    Le tableau suivant affiche les types de page, y compris une description et son utilisation.

    Type de page Description Ajouter des blocs dans l'interface utilisateur
    (Oui/Non)    		 Utilisation
    (Obligat/Recommandée/Facultatif)
    téléchargements personnalisés Non pris en charge Non S. O.
    sortie personnalisée Fournit des fonctionnalités permettant de quitter une application. Non Requis sur certaines plateformes, principalement Smart TV.
    déconnexion personnalisée Fournit des fonctionnalités pour se déconnecter d'une application. Après la déconnexion, l'utilisateur est laissé sur la page de destination ou fait de l'utilisateur un utilisateur anonyme. Non Requis si vous avez des utilisateurs enregistrés, comme ce serait le cas pour la plupart des plates-formes mobiles.
    réglages personnalisés Permet d'accéder aux paramètres. Non Hautement recommandé
    connexion personnalisée Fournit une connexion utilisateur enregistré Non Obligatoire pour les utilisateurs enregistrés ; pas nécessaire si vous autorisez la navigation anonyme
    inscription personnalisée Fournit un moyen pour les utilisateurs de s'inscrire Non Obligatoire si l'application utilise des utilisateurs enregistrés ; pas nécessaire si vous autorisez la navigation anonyme
    epg- Electronic Program Guide (EPG) affiche le guide du programme pour la télévision en direct Non Obligatoire est l'application utilise des canaux en direct
    Lecteur LiveTV Lecture de la vidéo en direct et changera automatiquement l'orientation vers le paysage. Non Si vous jouez à la télévision en direct, il est recommandé d'utiliser l'écran Livetv-Preview , car cela présente un lecteur à l'utilisateur, puis sur clic/tap va changer l'orientation en paysage et lire la vidéo.
    LiveTV-aperçu Lecture de la vidéo en direct avec lecteur dans le cadre d'une page plus grande, puis sur clic/tap va lire la vidéo en orientation paysage. Non Recommandé pour une utilisation sur Livetv Player
    mon_truc-tout Fournit une page avec deux onglets, dont l'un affiche Regardé récemment et l'autre, Favoris. Ce serait juste une page blanche avec un message indiquant que vous devez utiliser Récemment Watched et Favoris. Non En option
    my_stuff-favoris Contient les vidéos marquées par l'utilisateur comme favori. Non Recommandé
    my_stuff-recently_regardé Contient les 20 dernières vidéos visionnées, répertoriées chronologiquement. Non Recommandé
    redirect-blank Web uniquement ; lorsque vous cliquez sur l'option de menu, la redirection se produit vers un nouvel onglet. Non En option
    redirect-auto Web uniquement ; lorsque l'option de menu cliquée sur la redirection se produit vers le même onglet. Non En option
    écran - Affiche les vidéos groupées sous forme de carousels ou d'onglets. Utilisé pour organiser le contenu de votre application. Oui Obligatoire
    écran-hero_image Type spécial de page d'écran où vous pouvez ajouter une image derrière le contenu vidéo. Oui En option
    recherche- Fournit un écran de saisie avec un champ de saisie dans lequel vous pouvez rechercher le contenu, puis présenté les résultats. Non Hautement recommandé

    Configuration des pages d'écran

    Comme mentionné précédemment dans ce document, les pages d'écran contiennent vos vidéos et fournissent des options pour l'affichage des images qui représentent vos vidéos. Dans cette section, vous verrez vos options de configuration avec des captures d'écran de l'apparence de ces options dans vos applications. Vous verrez d'abord des informations sur les blocs, qui est le plus haut niveau de conteneur sur une page d'écran. Ensuite, vous verrez les informations de mise en page, qui contrôlent la façon dont les images qui représentent vos vidéos sont affichées.

    Blocs

    Les types de blocs que vous pouvez utiliser sont surlignés en jaune :

    Voici des images de chaque type :

    bloc unique

    Le bloc unique vous permet d'ajouter une combinaison de mise en page/liste de lecture au bloc. La capture d'écran montre un seul bloc affichant un carrousel. Notez que si vous essayez d'ajouter plusieurs combinaisons de mise en page/playlist à un seul bloc ou si vous essayez de passer à un seul bloc contenant plusieurs combinaisons de mise en page et de playlist, vous obtiendrez une erreur :

    bloc de liste

    Le bloc de liste vous permet d'ajouter plusieurs combinaisons de mise en page/playlist au bloc. La capture d'écran montre un bloc de liste contenant trois carousels.

    tabed_block

    Le bloc à onglets vous permet d'ajouter plusieurs combinaisons de mise en page/liste de lecture au bloc, mais une seule sera affichée à la fois et les onglets permettent à l'utilisateur de choisir lequel est visible. Deux restrictions s'appliquent :

    • Les mises en page à l'intérieur d'un bloc d'onglets doivent être les mêmes.
    • À l'intérieur d'un bloc d'onglets, les mises en page doivent être des grilles.
    La capture d'écran montre un bloc à onglets avec des listes de lecture sélectionnables.

    bloc déroulant

    Le bloc déroulant vous permet d'ajouter plusieurs combinaisons de mise en page/playlist au bloc, mais une seule sera affichée à la fois et la liste déroulante permet à l'utilisateur de choisir laquelle est visible. Deux restrictions s'appliquent :

    • Les mises en page à l'intérieur d'un bloc déroulant doivent être les mêmes.
    • À l'intérieur d'un bloc déroulant, les mises en page doivent être des grilles.
    La capture d'écran montre un bloc déroulant (à l'intérieur du rectangle jaune) avec trois listes de lecture sélectionnables.

    Layouts

    Dans tous les exemples de blocs au-dessus de la disposition sélectionnée était un carrousel. Le carrousel affiche l'image de chaque vidéo dans une liste horizontale. Ce n'est pas la seule mise en page à partir de laquelle vous pouvez choisir. Les mises en page disponibles sont surlignées en jaune :

    Plutôt qu'une capture d'écran de chaque type de mise en page, un exemple de chaque caractéristique de mise en page sera affiché. Ils sont mis en évidence en jaune ci-dessus sont des combinaisons de caractéristiques différentes.

    Carrousel ET Étiquettes

    Le carrousel affiche des images dans une rangée horizontale, et les étiquettes superposent une petite partie inférieure de l'image.

    Étiquettes hors

    Les étiquettes sont au-dessous de l'image.

    Articles

    Les images sont plus grandes (encadré en rouge, carrousel normal au-dessous). Souvent, mais pas toujours, les mises en page en vedette sont utilisées en haut d'une page.

    Paysage

    Les images sont proportionnées au paysage.

    Affiches

    Les images sont proportionnées par affiche (portrait).

    Grille 3 ET Grille 4

    Les deux types de grilles affichent des images dans un motif de ligne/colonne en deux dimensions. Le nombre suivant la grille, 3 ou 4, indique une taille relative pour les images. Il n'indique PAS le nombre de colonnes qui seront toujours affichées. Cette capture d'écran montre un navigateur à 800px de large, et la grille 3 a deux rangées de trois images. La grille 4 affiche quatre images à travers puisque les images sont plus petites.

    Cette capture d'écran suivante utilise toujours une grille 3 et une grille 4, mais la largeur du navigateur est de 1600px. Les images de la grille 3 sont maintenant quatre à travers, et cinq images de la mise en page Grid 4 peuvent s'adapter à l'écran. Encore une fois, vous pouvez voir les images de la grille 3 sont plus grandes.

    Cela conclut les options pour les blocs et les mises en page.

    Paramètres communs de configuration des pages

    Dans Brightcove Beacon lorsque vous créez une page ou modifiez une page existante, les onglets suivants s'afficheront :

    Onglets d'option de page

    L'onglet Données de base vous permet de choisir votre type de page, ainsi que de configurer les pages d'écran . Les autres onglets sont identiques pour tous les types de page. Le document Paramètres de configuration communs détaille les informations nécessaires dans les onglets Données textuelles , Données non textuelles , Balises et Droits et planification .

    Page mise à jour le 09 oct. 2020