Dans cette rubrique, vous découvrirez les différentes mises en page, comment elles apparaissent dans vos applications et comment elles s'intègrent dans le processus de création de pages.
Modèles non pris en charge
Cette rubrique décrit toutes les mises en page prises en charge dans Beacon Studio. Notez que Beacon Classic disposait de certaines mises en page supplémentaires qui sont désormais obsolètes. Ces modèles ne peuvent pas être visualisés ou modifiés 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
La disposition actuelle ne peut pas être modifiée dans cet outil. Contactez le support pour apporter des modifications.
Lorsque vous créez une page, vous êtes d'abord invité à saisir un titre pour la page, le type de page, puis à choisir une mise en page :
Dans le Mise en page module, cliquez Créer une page.
Choisissez soit un MENU PRINCIPAL ou SECONDAIRE type de page.
Créez la page en lui donnant un nom et en choisissant la mise en page souhaitée, puis cliquez sur Créer.
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 page, consultez le Créer et gérer des pages document.
Formatage des listes de lecture
Vous disposez d'une certaine souplesse pour placer les listes de lecture sur une page. Si vous cliquez sur les trois ellipses (trois points) à côté du nom de la liste de lecture
vous faites apparaître la boîte de dialogue des paramètres de la liste de lecture. Plusieurs options de manipulation des listes de lecture sont présentées ici.
Lorsque vous cliquez sur Autres options de mise en page, la boîte de dialogue de mise en page de la liste de lecture s'affiche, dans laquelle d'autres options de manipulation des listes de lecture sont proposées.
Toutes les listes de lecture et toutes les mises en page n'offrent pas toutes les options. Les restrictions sont énumérées le cas échéant pour chaque mise en page.
Notez ce qui suit concernant le Grille de liste de lecture mise en page:
La grille de sélection affiche une ou plusieurs sélections dans des grilles, ce qui signifie que les vignettes de toutes les vidéos de la sélection s'affichent sur la page. Si plusieurs listes de lecture sont sélectionnées, les noms des listes de lecture apparaîtront sous forme d'onglets en haut de la page de l'application, comme indiqué ici :
Notez que si une seule liste de lecture est affichée, aucun nom de liste de lecture n'apparaîtra. Dans ce cas, vous devez vous assurer que le nom de la page reflète le contenu de la liste de lecture.
La mise en page est réactive. La capture d'écran suivante montre la même page que précédemment, mais avec une largeur de navigateur plus étroite. Notez que les vignettes ne mesurent que quatre pouces alors que dans le navigateur plus large, elles en mesuraient cinq.
Si le nombre de listes de lecture ajoutées à la page rend les onglets des noms de listes de lecture plus larges que l'espace disponible, une flèche est ajoutée sur le côté droit de la liste des onglets pour permettre de voir tous les onglets, comme indiqué ici :
Une fois que vous avez atteint la fin, la flèche apparaît sur le côté gauche.
Hero (canal autoplay)
Notez ce qui suit concernant le Héros (chaîne de lecture automatique) mise en page:
Présenter une chaîne sous forme de vidéo en plein écran et en lecture automatique. Lisez la vidéo suivante pour voir le comportement.
Les listes de lecture supplémentaires s'affichent sous forme de carrousels.
Les contenus vidéo valides pour la playlist avec chaîne sont les suivants :
Un canal de balise Brightcove
Un canal Cloud Playout créé dans Studio
La page est réactive. La taille de la vidéo en cours de lecture est réduite et les vignettes des carrousels sont moins nombreuses.
Aucune modification de la mise en page n'est autorisée sur le canal de lecture automatique.
Il existe une fonction de repli qui peut prêter à confusion si vous ne la connaissez pas. Si, pour une raison quelconque, la liste de lecture automatique présentée ne peut pas être lue, la première liste de lecture de la liste normale sera "promue" à la position de lecture automatique. Le schéma suivant explique davantage la fonctionnalité :
Hero (Featured Playlist)
Notez ce qui suit concernant le Héros (liste de lecture en vedette) mise en page:
La playlist sélectionnée apparaît en haut de la page avec ses vignettes plus grandes dans un carrousel que les vignettes des autres listes de lecture présentes sur la page, comme indiqué ici :
Comme le montre la capture d'écran ci-dessus, les sélections supplémentaires ajoutées à la page s'affichent sous la sélection vedette dans des carrousels, avec des vignettes plus petites.
La mise en page est réactive. La capture d'écran suivante montre la même page que précédemment, mais avec une largeur de navigateur plus étroite. Notez que les vignettes ne sont que de deux côtés pour la liste de lecture présentée, alors qu'elles étaient de trois côtés dans le navigateur plus large.
Dans la liste de lecture en vedette, vous n'avez pas la possibilité d'afficher les vignettes en orientation portrait.
Héros (Image)
Notez ce qui suit concernant le Héros (Image) mise en page:
L'image du héros apparaît principalement avec des listes de lecture ajoutées superposées à l'image en bas de la page de l'application, comme indiqué ici :
Les listes de lecture supplémentaires s'affichent sous forme de carrousels.
La page est réactive. La taille de l'image du héros est réduite et les vignettes des carrousels sont moins nombreuses.
Carrousels
Notez ce qui suit concernant le Carrousels mise en page:
Un nouveau carrousels est ajouté pour chaque playlist placée sur la page, comme indiqué ici :
Un chevron apparaît à chaque extrémité du carrousel pour permettre la navigation vers toutes les vidéos de la liste de lecture.
La page est réactive. Voici une vue plus étroite de la page, et l'une des listes de lecture est également affichée à l'aide de vignettes orientées portrait :
Lien de redirection
Le type de page Lien de redirection vous permet d'introduire dans le menu principal un lien qui, lorsqu'il est cliqué, renvoie l'internaute à une page web URL. Cela fonctionne pour les applications web, iOS et Android. Vous pouvez choisir d'ouvrir la page dans le même onglet ou dans un nouvel onglet. La vidéo suivante montre ce qui suit :
iOS redirection du même onglet
redirection des nouveaux onglets sous iOS
Redirection des nouveaux onglets sur le web
Vous pouvez définir la cible du lien de redirection et l' URL du lien pour toutes les langues prises en charge, en plus des paramètres de disponibilité standard.
apparaît à chaque extrémité du carrousel pour permettre la navigation vers toutes les vidéos de la liste de lecture.
