{"id":85858,"date":"2025-05-16T00:54:14","date_gmt":"2025-05-15T22:54:14","guid":{"rendered":"https:\/\/playdeck.tv\/?p=85858"},"modified":"2025-11-28T17:24:55","modified_gmt":"2025-11-28T16:24:55","slug":"compagnon","status":"publish","type":"post","link":"https:\/\/playdeck.tv\/fr\/companion\/","title":{"rendered":"Utilisation de Companion pour le contr\u00f4le de la diffusion"},"content":{"rendered":"<p>Cet article vous explique comment utiliser Bitfocus Companion avec PLAYDECK. Companion dispose d'un module pr\u00eat \u00e0 l'emploi pour PLAYDECK. C'est la mani\u00e8re la plus simple de connecter PLAYDECK \u00e0 votre m\u00e9langeur ATEM ou \u00e0 votre STREAMDECK.<br><br>Le module Companion a \u00e9t\u00e9 d\u00e9velopp\u00e9 et est g\u00e9r\u00e9 par <a href=\"https:\/\/github.com\/semenovnick\" target=\"_blank\" rel=\"noreferrer noopener\">Nick Semonov<\/a>. C'est un d\u00e9veloppeur communautaire et quelqu'un avec qui il est tr\u00e8s agr\u00e9able de travailler.<\/p>\n\n\n\n<p>Dans cet article :<br>\u2192  <a href=\"#install\" data-type=\"internal\" data-id=\"#install\">Installation<\/a><br>\u2192  <a href=\"#presets\">Page de boutons avec pr\u00e9r\u00e9glages<\/a><br>\u2192  <a href=\"#commands\">Commandes personnalis\u00e9es au lieu d'actions<\/a><br>\u2192  <a href=\"#feedbacks\">Commentaires sur les boutons personnalis\u00e9s<\/a><\/p>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-85858_2dc549-3f .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-85858_2dc549-3f .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:100%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-85858_2dc549-3f\" id=\"install\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Installation<\/strong><\/p>\n\n\n\n<p>1. Lancez PLAYDECK afin que Companion puisse le d\u00e9tecter<\/p>\n\n\n\n<p>2. T\u00e9l\u00e9chargez et installez le <a href=\"https:\/\/bitfocus.io\/companion\" target=\"_blank\" rel=\"noreferrer noopener\">Derni\u00e8re version stable de Companion<\/a><\/p>\n\n\n\n<p>3. Lancez Companion et ajoutez le module PLAYDECK<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1418\" height=\"535\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-329.png\" alt=\"\" class=\"wp-image-86433\" style=\"width:714px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-329.png 1418w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-329-300x113.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-329-1024x386.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-329-768x290.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-329-600x226.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-329-159x60.png 159w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-329-239x90.png 239w\" sizes=\"(max-width: 1418px) 100vw, 1418px\" \/><\/figure>\n\n\n\n<p>4. Vous avez termin\u00e9 si Companion affiche une coche VERTE pour cette connexion. Si vous ne parvenez pas \u00e0 vous connecter, veuillez d\u00e9sactiver votre pare-feu ou autoriser le port TCP 11411.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"964\" height=\"347\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-356.png\" alt=\"\" class=\"wp-image-86614\" style=\"width:465px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-356.png 964w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-356-300x108.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-356-768x276.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-356-600x216.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-356-167x60.png 167w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-356-250x90.png 250w\" sizes=\"(max-width: 964px) 100vw, 964px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><\/p>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-85858_603818-c4 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-85858_603818-c4 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:100%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-85858_603818-c4\" id=\"presets\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Page de boutons avec pr\u00e9r\u00e9glages<\/strong><\/p>\n\n\n\n<p>Nous allons utiliser les pr\u00e9r\u00e9glages Companion pour cr\u00e9er rapidement une nouvelle page de boutons adapt\u00e9e \u00e0 une diffusion informelle.<\/p>\n\n\n\n<p>1. Cr\u00e9ez une nouvelle page, puis rendez-vous dans PR\u00c9R\u00c9GLAGES et s\u00e9lectionnez PLAYDECK<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1415\" height=\"582\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-350.png\" alt=\"\" class=\"wp-image-86488\" style=\"width:724px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-350.png 1415w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-350-300x123.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-350-1024x421.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-350-768x316.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-350-600x247.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-350-146x60.png 146w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-350-219x90.png 219w\" sizes=\"(max-width: 1415px) 100vw, 1415px\" \/><\/figure>\n\n\n\n<p>2. Dans notre exemple, nous souhaitons cibler sp\u00e9cifiquement le canal 1. Vous pouvez \u00e9galement utiliser les LISTES, qui sont dynamiques et exploitent les canaux visibles dans PLAYDECK (gauche et droit). Vous pouvez \u00e9galement g\u00e9rer vos RESSOURCES (flux, enregistrements). S\u00e9lectionnez le CANAL 1 pour continuer<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1413\" height=\"551\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-351.png\" alt=\"\" class=\"wp-image-86489\" style=\"width:717px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-351.png 1413w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-351-300x117.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-351-1024x399.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-351-768x299.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-351-600x234.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-351-154x60.png 154w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-351-231x90.png 231w\" sizes=\"(max-width: 1413px) 100vw, 1413px\" \/><\/figure>\n\n\n\n<p>3. Gr\u00e2ce \u00e0 la fonction glisser-d\u00e9poser, nous cr\u00e9ons une solution de diffusion simple : un contr\u00f4le de lecture avec quelques superpositions. Les boutons sont dot\u00e9s d'un syst\u00e8me de retour d'information, ce qui signifie que vous obtiendrez un bouton ROUGE en fonction de l'\u00e9tat de lecture (CUE, en cours de lecture, en pause, arr\u00eat\u00e9).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1500\" height=\"529\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-357.png\" alt=\"\" class=\"wp-image-86615\" style=\"width:720px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-357.png 1500w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-357-300x106.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-357-1024x361.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-357-768x271.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-357-600x212.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-357-170x60.png 170w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-357-255x90.png 255w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<p>4. Le bouton PLAY affiche \u00e9galement la dur\u00e9e restante du clip pendant la lecture :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1511\" height=\"522\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-358.png\" alt=\"\" class=\"wp-image-86616\" style=\"width:724px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-358.png 1511w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-358-300x104.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-358-1024x354.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-358-768x265.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-358-600x207.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-358-174x60.png 174w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-358-261x90.png 261w\" sizes=\"(max-width: 1511px) 100vw, 1511px\" \/><\/figure>\n\n\n\n<p>5. Certains boutons n\u00e9cessitent davantage d'informations de votre part, comme le bouton \u00ab START OVERLAY \u00bb. Il doit savoir quelle(s) superposition(s) doit (doivent) \u00eatre lanc\u00e9e(s) :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1570\" height=\"746\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-359.png\" alt=\"\" class=\"wp-image-86617\" style=\"width:727px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-359.png 1570w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-359-300x143.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-359-1024x487.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-359-768x365.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-359-1536x730.png 1536w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-359-600x285.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-359-126x60.png 126w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-359-189x90.png 189w\" sizes=\"(max-width: 1570px) 100vw, 1570px\" \/><\/figure>\n\n\n\n<p class=\"has-large-font-size\"><\/p>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-85858_40e116-a0 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-85858_40e116-a0 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:100%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-85858_40e116-a0\" id=\"commands\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Commandes personnalis\u00e9es au lieu d'actions<\/strong><\/p>\n\n\n\n<p>Nous pouvons associer n'importe quelle commande PLAYDECK \u00e0 un bouton de Companion. Cela s'av\u00e8re utile si vous \u00eates plut\u00f4t du genre \u00e0 \u201c coder \u201d ou s'il existe de nouvelles commandes dans PLAYDECK qui ne sont pas (encore) disponibles dans Companion. Il est \u00e9galement possible d'associer plusieurs commandes \u00e0 la fois.<\/p>\n\n\n\n<p>1. Nous cr\u00e9ons un nouveau bouton et ajoutons une nouvelle action. Nous s\u00e9lectionnons ensuite \u00ab CUSTOM COMMAND \u00bb et cliquons sur \u00ab DONE \u00bb.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1420\" height=\"776\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-340.png\" alt=\"\" class=\"wp-image-86445\" style=\"width:727px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-340.png 1420w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-340-300x164.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-340-1024x560.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-340-768x420.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-340-600x328.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-340-110x60.png 110w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-340-165x90.png 165w\" sizes=\"(max-width: 1420px) 100vw, 1420px\" \/><\/figure>\n\n\n\n<p>2. Dans PLAYDECK, nous ouvrons la LISTE DES COMMANDES pour voir quelle commande nous souhaitons utiliser<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1084\" height=\"531\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-360.png\" alt=\"\" class=\"wp-image-86618\" style=\"width:512px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-360.png 1084w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-360-300x147.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-360-1024x502.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-360-768x376.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-360-600x294.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-360-122x60.png 122w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-360-184x90.png 184w\" sizes=\"(max-width: 1084px) 100vw, 1084px\" \/><\/figure>\n\n\n\n<p>3. Nous d\u00e9cidons de lancer plusieurs superpositions sur plusieurs canaux, puis de lancer deux flux : <\/p>\n\n\n\n<p>&lt;startoverlay|1|1+3&gt;<br>&lt;startoverlay|2|1+5&gt;<br>&lt;startstream|1&gt;<br>&lt;startstream|2&gt;<\/p>\n\n\n\n<p>4. Nous regroupons toutes les commandes sur une seule ligne et la copions dans le champ COMMANDES. Si nous appuyons ensuite sur notre bouton, nos superpositions et nos flux d\u00e9marrent, car toutes les commandes sont ex\u00e9cut\u00e9es dans l'ordre indiqu\u00e9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1571\" height=\"705\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-361.png\" alt=\"\" class=\"wp-image-86619\" style=\"width:726px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-361.png 1571w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-361-300x135.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-361-1024x460.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-361-768x345.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-361-1536x689.png 1536w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-361-600x269.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-361-134x60.png 134w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-361-201x90.png 201w\" sizes=\"(max-width: 1571px) 100vw, 1571px\" \/><\/figure>\n\n\n\n<p>5. Un autre bon exemple consiste \u00e0 d\u00e9marrer en mode synchronis\u00e9 \u00e0 2 canaux :<br><br>&lt;cue|1&gt;&lt;cue|2&gt;&lt;wait|1000&gt;&lt;play|1&gt;&lt;play|2&gt;<br><br>Cela mettra les deux canaux en attente, puis attendra une seconde que la mise en attente soit termin\u00e9e (mise en cache du clip), avant de lancer la lecture des deux canaux.<\/p>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-85858_ae443e-e7 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-85858_ae443e-e7 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:100%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-85858_ae443e-e7\" id=\"feedbacks\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Commentaires sur les boutons personnalis\u00e9s<\/strong><\/p>\n\n\n\n<p>Au lieu d'utiliser les retours pr\u00e9d\u00e9finis (par exemple, PLAY STATE), vous pouvez utiliser les variables Companion pour disposer d'un plus grand nombre de retours. Dans cet exemple, nous allons lancer un bloc sp\u00e9cifique et afficher le temps restant sur le bouton.<\/p>\n\n\n\n<p>1. Nous ajoutons un nouveau bloc au canal #1 dans PLAYDECK et le renommons \u201c MAIN PROGRAM \u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1032\" height=\"277\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-343.png\" alt=\"\" class=\"wp-image-86457\" style=\"width:564px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-343.png 1032w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-343-300x81.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-343-1024x275.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-343-768x206.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-343-600x161.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-343-190x51.png 190w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-343-335x90.png 335w\" sizes=\"(max-width: 1032px) 100vw, 1032px\" \/><\/figure>\n\n\n\n<p>2. Nous ajoutons maintenant un nouveau bouton \u00e0 Companion et lui attribuons l'action CONTROL PLAY FLEX. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1567\" height=\"783\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-362.png\" alt=\"\" class=\"wp-image-86621\" style=\"width:733px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-362.png 1567w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-362-300x150.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-362-1024x512.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-362-768x384.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-362-1536x768.png 1536w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-362-600x300.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-362-120x60.png 120w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-362-180x90.png 180w\" sizes=\"(max-width: 1567px) 100vw, 1567px\" \/><\/figure>\n\n\n\n<p>3. L'action PLAY FLEX nous permet de lire un bloc par son nom (au lieu de son ID). Nous utilisons le mod\u00e8le \u201c b:main c#1 \u201d pour lancer notre bloc, comme d\u00e9crit dans la liste des commandes (PLAYDECK &gt; Menu principal &gt; Documentation) :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1420\" height=\"826\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-345.png\" alt=\"\" class=\"wp-image-86459\" style=\"width:735px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-345.png 1420w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-345-300x175.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-345-1024x596.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-345-768x447.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-345-600x349.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-345-103x60.png 103w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-345-155x90.png 155w\" sizes=\"(max-width: 1420px) 100vw, 1420px\" \/><\/figure>\n\n\n\n<p>4. Nous disposons d\u00e9sormais d'un bouton de lecture du bloc, mais nous souhaitons \u00e9galement que le temps restant du bloc s'affiche une fois que celui-ci est en cours de lecture. Pour cela, nous devons ajouter un retour personnalis\u00e9 au bouton, qui v\u00e9rifiera une \u201c certaine \u201d variable et effectuera une \u201c certaine \u201d action :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1567\" height=\"726\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-364.png\" alt=\"\" class=\"wp-image-86623\" style=\"width:737px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-364.png 1567w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-364-300x139.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-364-1024x474.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-364-768x356.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-364-1536x712.png 1536w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-364-600x278.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-364-130x60.png 130w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-364-194x90.png 194w\" sizes=\"(max-width: 1567px) 100vw, 1567px\" \/><\/figure>\n\n\n\n<p>5. Nous v\u00e9rifions le bloc actuellement en cours d'ex\u00e9cution en recherchant le \u201c nom du bloc \u201d dans le champ VARIABLE, puis nous ajoutons notre bloc \u201c Programme principal \u201d comme VALEUR :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1574\" height=\"917\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-365.png\" alt=\"\" class=\"wp-image-86624\" style=\"width:733px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-365.png 1574w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-365-300x175.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-365-1024x597.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-365-768x447.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-365-1536x895.png 1536w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-365-600x350.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-365-103x60.png 103w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-365-154x90.png 154w\" sizes=\"(max-width: 1574px) 100vw, 1574px\" \/><\/figure>\n\n\n\n<p>6. Nous ajoutons ensuite TEXT en tant que nouvelle propri\u00e9t\u00e9 de style, car notre objectif est d'afficher le temps restant du bloc :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1560\" height=\"1036\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-366.png\" alt=\"\" class=\"wp-image-86625\" style=\"width:734px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-366.png 1560w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-366-300x199.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-366-1024x680.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-366-768x510.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-366-1536x1020.png 1536w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-366-600x398.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-366-90x60.png 90w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-366-136x90.png 136w\" sizes=\"(max-width: 1560px) 100vw, 1560px\" \/><\/figure>\n\n\n\n<p>7. Ajoutez \u201c $(Playdeck:channel_1_block_remain) \u201d comme TEXTE DU BOUTON, et notre bouton est pr\u00eat :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1562\" height=\"1014\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-368.png\" alt=\"\" class=\"wp-image-86627\" style=\"width:729px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-368.png 1562w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-368-300x195.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-368-1024x665.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-368-768x499.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-368-1536x997.png 1536w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-368-600x390.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-368-92x60.png 92w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-368-139x90.png 139w\" sizes=\"(max-width: 1562px) 100vw, 1562px\" \/><\/figure>\n\n\n\n<p>8. Mais comment avons-nous obtenu notre CHA\u00ceNE DE TEXTE POUR LES BOUTONS ? Companion vous montrera toutes les VARIABLES disponibles que vous pouvez utiliser dans PLAYDECK. Vous pouvez ensuite cliquer sur la petite IC\u00d4NE DE COPIE pour transf\u00e9rer la variable vers vos boutons :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1701\" height=\"711\" src=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-369.png\" alt=\"\" class=\"wp-image-86628\" style=\"width:737px;height:auto\" srcset=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-369.png 1701w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-369-300x125.png 300w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-369-1024x428.png 1024w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-369-768x321.png 768w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-369-1536x642.png 1536w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-369-600x251.png 600w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-369-144x60.png 144w, https:\/\/playdeck.tv\/wp-content\/uploads\/image-369-215x90.png 215w\" sizes=\"(max-width: 1701px) 100vw, 1701px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Cet article vous explique comment utiliser bitfocus Companion avec PLAYDECK. Companion dispose d'un module pr\u00eat \u00e0 l'emploi pour PLAYDECK. C'est la mani\u00e8re la plus simple de connecter PLAYDECK \u00e0 votre m\u00e9langeur ATEM ou \u00e0 votre STREAMDECK. Le module Companion a \u00e9t\u00e9 d\u00e9velopp\u00e9\u2026 <a class=\"kt-excerpt-readmore more-link\" href=\"https:\/\/playdeck.tv\/fr\/companion\/\" aria-label=\"Utilisation de Companion pour le contr\u00f4le de la diffusion\">En savoir plus<\/a><\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"kt_blocks_editor_width":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-85858","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using Companion for Playout Control - PLAYDECK<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/playdeck.tv\/fr\/companion\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Companion for Playout Control - PLAYDECK\" \/>\n<meta property=\"og:description\" content=\"This article will show how to use bitfocus Companion together with PLAYDECK. Companion has a ready-to-use module for PLAYDECK. This is the most comfortable way to connect PLAYDECK to your ATEM Mixer or STREAMDECK. The Companion Module has been developed &hellip; Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/playdeck.tv\/fr\/companion\/\" \/>\n<meta property=\"og:site_name\" content=\"PLAYDECK\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/playdecktv\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-15T22:54:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-28T16:24:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/playdeck.tv\/wp-content\/uploads\/image-329.png\" \/>\n<meta name=\"author\" content=\"WebAdmin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"WebAdmin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/\"},\"author\":{\"name\":\"WebAdmin\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#\\\/schema\\\/person\\\/63a673a3fa358907dfc2bc57cc23f5b8\"},\"headline\":\"Using Companion for Playout Control\",\"datePublished\":\"2025-05-15T22:54:14+00:00\",\"dateModified\":\"2025-11-28T16:24:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/\"},\"wordCount\":709,\"publisher\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/playdeck.tv\\\/wp-content\\\/uploads\\\/image-329.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/\",\"url\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/\",\"name\":\"Using Companion for Playout Control - PLAYDECK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/playdeck.tv\\\/wp-content\\\/uploads\\\/image-329.png\",\"datePublished\":\"2025-05-15T22:54:14+00:00\",\"dateModified\":\"2025-11-28T16:24:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/#primaryimage\",\"url\":\"https:\\\/\\\/playdeck.tv\\\/wp-content\\\/uploads\\\/image-329.png\",\"contentUrl\":\"https:\\\/\\\/playdeck.tv\\\/wp-content\\\/uploads\\\/image-329.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/companion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/playdeck.tv\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Companion for Playout Control\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#website\",\"url\":\"https:\\\/\\\/playdeck.tv\\\/\",\"name\":\"PLAYDECK\",\"description\":\"Professional Video Playout Software for Windows\",\"publisher\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/playdeck.tv\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#organization\",\"name\":\"PLAYDECK\",\"url\":\"https:\\\/\\\/playdeck.tv\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/playdeck.tv\\\/wp-content\\\/uploads\\\/Logo_PlayDeck-04-edited-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/playdeck.tv\\\/wp-content\\\/uploads\\\/Logo_PlayDeck-04-edited-scaled.jpg\",\"width\":2560,\"height\":1087,\"caption\":\"PLAYDECK\"},\"image\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/playdecktv\",\"https:\\\/\\\/www.instagram.com\\\/playdeck.tv\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/70437766\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#\\\/schema\\\/person\\\/63a673a3fa358907dfc2bc57cc23f5b8\",\"name\":\"WebAdmin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Utilisation de Companion pour le contr\u00f4le de la diffusion - PLAYDECK","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/playdeck.tv\/fr\/companion\/","og_locale":"fr_FR","og_type":"article","og_title":"Using Companion for Playout Control - PLAYDECK","og_description":"This article will show how to use bitfocus Companion together with PLAYDECK. Companion has a ready-to-use module for PLAYDECK. This is the most comfortable way to connect PLAYDECK to your ATEM Mixer or STREAMDECK. The Companion Module has been developed &hellip; Read More","og_url":"https:\/\/playdeck.tv\/fr\/companion\/","og_site_name":"PLAYDECK","article_publisher":"https:\/\/www.facebook.com\/playdecktv","article_published_time":"2025-05-15T22:54:14+00:00","article_modified_time":"2025-11-28T16:24:55+00:00","og_image":[{"url":"https:\/\/playdeck.tv\/wp-content\/uploads\/image-329.png","type":"","width":"","height":""}],"author":"WebAdmin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"WebAdmin","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/playdeck.tv\/en\/companion\/#article","isPartOf":{"@id":"https:\/\/playdeck.tv\/en\/companion\/"},"author":{"name":"WebAdmin","@id":"https:\/\/playdeck.tv\/#\/schema\/person\/63a673a3fa358907dfc2bc57cc23f5b8"},"headline":"Using Companion for Playout Control","datePublished":"2025-05-15T22:54:14+00:00","dateModified":"2025-11-28T16:24:55+00:00","mainEntityOfPage":{"@id":"https:\/\/playdeck.tv\/en\/companion\/"},"wordCount":709,"publisher":{"@id":"https:\/\/playdeck.tv\/#organization"},"image":{"@id":"https:\/\/playdeck.tv\/en\/companion\/#primaryimage"},"thumbnailUrl":"https:\/\/playdeck.tv\/wp-content\/uploads\/image-329.png","articleSection":["Uncategorized"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/playdeck.tv\/en\/companion\/","url":"https:\/\/playdeck.tv\/en\/companion\/","name":"Utilisation de Companion pour le contr\u00f4le de la diffusion - PLAYDECK","isPartOf":{"@id":"https:\/\/playdeck.tv\/#website"},"primaryImageOfPage":{"@id":"https:\/\/playdeck.tv\/en\/companion\/#primaryimage"},"image":{"@id":"https:\/\/playdeck.tv\/en\/companion\/#primaryimage"},"thumbnailUrl":"https:\/\/playdeck.tv\/wp-content\/uploads\/image-329.png","datePublished":"2025-05-15T22:54:14+00:00","dateModified":"2025-11-28T16:24:55+00:00","breadcrumb":{"@id":"https:\/\/playdeck.tv\/en\/companion\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/playdeck.tv\/en\/companion\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/playdeck.tv\/en\/companion\/#primaryimage","url":"https:\/\/playdeck.tv\/wp-content\/uploads\/image-329.png","contentUrl":"https:\/\/playdeck.tv\/wp-content\/uploads\/image-329.png"},{"@type":"BreadcrumbList","@id":"https:\/\/playdeck.tv\/en\/companion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/playdeck.tv\/"},{"@type":"ListItem","position":2,"name":"Using Companion for Playout Control"}]},{"@type":"WebSite","@id":"https:\/\/playdeck.tv\/#website","url":"https:\/\/playdeck.tv\/","name":"PLAYDECK","description":"Logiciel professionnel de diffusion vid\u00e9o pour Windows","publisher":{"@id":"https:\/\/playdeck.tv\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/playdeck.tv\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/playdeck.tv\/#organization","name":"PLAYDECK","url":"https:\/\/playdeck.tv\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/playdeck.tv\/#\/schema\/logo\/image\/","url":"https:\/\/playdeck.tv\/wp-content\/uploads\/Logo_PlayDeck-04-edited-scaled.jpg","contentUrl":"https:\/\/playdeck.tv\/wp-content\/uploads\/Logo_PlayDeck-04-edited-scaled.jpg","width":2560,"height":1087,"caption":"PLAYDECK"},"image":{"@id":"https:\/\/playdeck.tv\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/playdecktv","https:\/\/www.instagram.com\/playdeck.tv\/","https:\/\/www.linkedin.com\/company\/70437766\/"]},{"@type":"Person","@id":"https:\/\/playdeck.tv\/#\/schema\/person\/63a673a3fa358907dfc2bc57cc23f5b8","name":"WebAdmin"}]}},"taxonomy_info":{"category":[{"value":1,"label":"Uncategorized"}]},"featured_image_src_large":false,"author_info":{"display_name":"WebAdmin","author_link":"https:\/\/playdeck.tv\/fr\/author\/joy\/"},"comment_info":0,"category_info":[{"term_id":1,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":44,"filter":"raw","cat_ID":1,"category_count":44,"category_description":"","cat_name":"Uncategorized","category_nicename":"uncategorized","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/posts\/85858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/comments?post=85858"}],"version-history":[{"count":66,"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/posts\/85858\/revisions"}],"predecessor-version":[{"id":87413,"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/posts\/85858\/revisions\/87413"}],"wp:attachment":[{"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/media?parent=85858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/categories?post=85858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/playdeck.tv\/fr\/wp-json\/wp\/v2\/tags?post=85858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}