Dans cette rubrique, vous découvrirez les différentes mises en page, leur apparence dans vos applications et leur intégration dans le processus de création de pages.
Mises en page non prises en charge
Cette rubrique décrit toutes les mises en page prises en charge par Beacon Studio. Notez que Beacon Classic comportait des mises en page supplémentaires qui sont maintenant obsolètes. Ces mises en page ne peuvent pas être affichées ou modifiées dans Beacon Studio.
Si vous essayez d'ouvrir une mise en page existante dans Beacon Studio et que vous voyez ce message:
Disposition non prise en charge
Votre mise en page actuelle ne peut pas être modifiée dans cet outil. Contactez le support pour apporter des modifications.
Lors de la création d'une page, il vous est d'abord demandé d'entrer un titre pour la page, puis de choisir une mise en page:
Ce document se concentre sur les mises en page, leur fonctionnalité et leur apparence. Pour plus d'informations sur l'ensemble du processus de création de pages, consultez le document Création et gestion des pages.
Formatage des listes
Vous disposez d'une certaine flexibilité lorsque vous placez des listes de lecteur sur une page. Si vous cliquez sur les trois points de suspension (trois points) en regard du nom de la liste de lecteur
vous ouvrez la boîte de dialogue des paramètres de la playlist. Plusieurs options de manipulation des listes de lecteur sont présentées ici.
Lorsque vous cliquez sur Plus d'options de mise en page, la boîte de dialogue de mise en page de la liste de lecteur apparaît, dans laquelle d'autres options
Toutes les listes de lecteur de chaque mise en page ne proposent pas toutes les options. Les restrictions seront répertoriées le cas échéant pour chaque mise en page.
Pour plus de détails sur la gestion et la configuration des listes de lecteur, consultez le document Gérer les listes de lecteur sur Pages.
Grille Playlist
Notez les points suivants concernant la mise en page Grille de liste de lecteur:
La grille des listes de lecteur affiche une ou plusieurs listes de lecteur dans des grilles, ce qui signifie que les miniatures de toutes les vidéos de la liste de lecteur apparaîtront sur la page. Si plusieurs listes de lecteur sont sélectionnées, les noms des listes de lecteur apparaîtront sous forme d'onglets en haut de la page de l'application, comme illustré ici:
Notez que si une seule liste de lecteur est affichée, aucun nom de liste de lecteur n'apparaîtra. Dans ce cas, vous devez vous assurer que le nom de la page reflète le contenu de la liste de lecteur.
La mise en page est réactive. La capture d'écran suivante montre la même page que celle précédemment affichée, mais avec une largeur de navigateur plus étroite. Notez que les vignettes ne sont que de quatre, alors que dans le navigateur plus large, elles étaient de cinq.
Si le nombre de listes de lecteur ajoutées à la page rend les onglets de nom de la liste de lecteur plus larges que l'espace disponible, une flèche est ajoutée sur le côté droit de la liste d'onglets pour permettre de voir tous les onglets, comme illustré ci-dessous: Une fois que vous atteignez la fin, la flèche apparaît sur le côté gauche.
Hero (chaîne Autoplay)
Notez ce qui suit à propos de la mise en page Hero (Autoplay Channel):
Présenter une chaîne en mode plein écran à lecteur automatique. Regardez la vidéo suivante pour voir le comportement.
Les listes de lecteur supplémentaires apparaissent sous forme de carrousels.
Le contenu vidéo valide pour la liste de lecteur avec chaîne est:
Une chaîne Brightcove Beacon
Une chaîne Cloud Playout créée dans Studio
La page est réactive. La taille de la vidéo en cours de lecteur diminue et la taille des vignettes des carrousels diminue et moins d'entre elles sont affichées.
Aucune modification de mise en page n'est autorisée sur le canal de lecteur automatique.
Il existe une fonctionnalité de secours qui peut prêter à confusion si vous n'en êtes pas conscient. Si, pour une raison quelconque, la liste de lecteur automatique sélectionnée ne peut pas être lue, la première liste de lecteur de la liste normale de lecteur sera promue-fr/ en position de lecteur automatique. Le schéma suivant clarifie davantage la fonctionnalité:
Hero (Playlist en vedette)
Notez ce qui suit à propos de la mise en page Hero (Playlist en vedette):
La liste de lecteur sélectionnée apparaît en haut de la page avec ses vignettes plus grandes dans un carrousel que celles des autres listes de lecteur sur la page, comme illustré ici:
Comme le montre la capture d'écran ci-dessus, les listes de lecteur supplémentaires ajoutées à la page s'affichent sous la liste de lecteur sélectionnée dans les carrousels, avec des vignettes plus petites.
La mise en page est réactive. La capture d'écran suivante montre la même page que celle précédemment affichée, mais avec une largeur de navigateur plus étroite. Notez que les vignettes ne sont que de deux pour la playlist présentée, alors que dans le navigateur plus large, elles étaient de trois.
Dans la liste de lecteur sélectionnée, vous n'avez pas la possibilité d'afficher les miniatures en mode portrait.
Héros (Image)
Notez ce qui suit à propos de la mise en page Hero (Image):
L'image du héros apparaît principalement visible avec des listes de lecteur ajoutées superposées à l'image en bas de la page de l'application, comme indiqué ici:
Les listes de lecteur supplémentaires apparaissent sous forme de carrousels.
La page est réactive. La taille de l'image principale diminue et les vignettes des carrousels sont réduites et moins nombreuses sont affichées.
Carrousels
Notez ce qui suit à propos de la mise en page Carrousels:
Un nouveau carrousel est ajouté pour chaque playlist placée sur la page, comme illustré ici:
Un chevron apparaît à chaque extrémité du carrousel pour accéder à toutes les vidéos de la liste de lecteur.
La page est réactive. Voici une vue plus étroite de la page, et l'une des listes de lecteur est également affichée à l'aide de vignettes d'orientation portrait:
apparaît à chaque extrémité du carrousel pour accéder à toutes les vidéos de la liste de lecteur.