{"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":"companion","status":"publish","type":"post","link":"https:\/\/playdeck.tv\/en\/howto\/companion\/","title":{"rendered":"Using Companion for Playout Control"},"content":{"rendered":"\n<p>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.<br><br>The Companion Module has been developed and is maintained by <a href=\"https:\/\/github.com\/semenovnick\" target=\"_blank\" rel=\"noreferrer noopener\">Nick Semonov<\/a>. He is a Community Developer and also a great guy to work with.<\/p>\n\n\n\n<p>In this article:<br>\u2192  <a href=\"#install\" data-type=\"internal\" data-id=\"#install\">Installation<\/a><br>\u2192  <a href=\"#presets\">Button Page with Presets<\/a><br>\u2192  <a href=\"#commands\">Custom Commands instead of Actions<\/a><br>\u2192  <a href=\"#feedbacks\">Custom Button Feedbacks<\/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. Start PLAYDECK, so Companion can find it<\/p>\n\n\n\n<p>2. Download and install the <a href=\"https:\/\/bitfocus.io\/companion\" target=\"_blank\" rel=\"noreferrer noopener\">latest stable Version of Companion<\/a><\/p>\n\n\n\n<p>3. Start Companion and add the PLAYDECK Module<\/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. You are done, if Companion shows a GREEN Checkmark for this Connection. If you cant get a Connection, please disable your Firewall or allow TCP Port 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>Button Page with Presets<\/strong><\/p>\n\n\n\n<p>We will use Companion Presets to quickly create a fresh Page of Buttons for a casual Playout Situation.<\/p>\n\n\n\n<p>1. Create a new Page, then go to PRESETS and select 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. For our Sample we specifically want to target Channel 1. You could also use LISTS, which are dynamic and use the visible Channel in PLAYDECK (Left and Right). You could also control your ASSETS (Streams, Recordings). Select CHANNEL 1 to continue<\/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. With Drag &amp; Drop we create a simple Playout Solution: Play Control with some Overlays. The Buttons are added with FEEDBACKS, meaning: You will get a RED Button according to the PLAY STATE (CUE, Playing, Paused, Stopped).<\/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. The PLAY Button also shows the remaining Clip Time during Playout:<\/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. Some Buttons need more Information for you, like the START OVERLAY Button. It needs to know, which Overlay(s) should be started:<\/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>Custom Commands instead of Actions<\/strong><\/p>\n\n\n\n<p>We will add any PLAYDECK Command to a Companion Button. This is useful, if you are more of a &#8220;code&#8221; type of person or if there a new Commands in PLAYDECK, which are (not yet) available in Companion. Its also possible to add multiple Commands at the same time.<\/p>\n\n\n\n<p>1. We create a new Button and add a new Action. We now select CUSTOM COMMAND and click DONE<\/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. In PLAYDECK we open the COMMANDS LIST to review, which Command we want to use<\/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. We decide that we want to start multiple Overlays on several Channel and after that start 2 Streams: <\/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. We wrap up all Commands into one Line and copy it into the COMMANDS Field. If we then press our Button, we start our Overlays and our Streams, as all Commands are executed in the written order.<\/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. Another good example is starting 2 Channel synchronized:<br><br>&lt;cue|1&gt;&lt;cue|2&gt;&lt;wait|1000&gt;&lt;play|1&gt;&lt;play|2&gt;<br><br>This will CUE both Channel, then wait 1 Second for CUE being ready (Clip Caching), then PLAY both Channel.<\/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>Custom Button Feedbacks<\/strong><\/p>\n\n\n\n<p>Instead of using the pre-defined Feedbacks (e.g. PLAY STATE), you can use Companion VARIABLES to use many more Feedbacks. In this example we will start a specific Block and show its remaining Time on the Button.<\/p>\n\n\n\n<p>1. We add a new Block to Channel #1 in PLAYDECK and rename it &#8220;MAIN PROGRAM&#8221;<\/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. Now we add a new Button to Companion and assign the CONTROL PLAY FLEX Action to the Button. <\/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. The PLAY FLEX Action allows us to play a Block by Name (instead of ID). We use the PATTERN &#8220;b:main c#1&#8221; to start our Block, as described in the COMMANDS LIST (PLAYDECK &gt; Main Menu &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. We now have a Block Play Button, but we also want the remaining Block Time to display, once the Block is playing. For this we need to add a custom Feedback to the Button, which will check &#8220;some&#8221; variable and do &#8220;something&#8221;:<\/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. We check against the current playing Block by searching for &#8220;block name&#8221; in the VARIABLE field and add our Block &#8220;Main Program&#8221; as VALUE:<\/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. We then add TEXT as new STYLE PROPERTY, since our intention is to show the remaining Block Time:<\/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. Add &#8220;$(Playdeck:channel_1_block_remain)&#8221; as BUTTON TEXT STRING, and our Button is finished:<\/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. But how did we receive our BUTTON TEXT STRING? Companion will show you all available VARIABLES you can use in PLAYDECK. You can then click the small COPY ICON to transport the Variable to your Buttons:<\/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>\n","protected":false},"excerpt":{"rendered":"<p>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; <a class=\"kt-excerpt-readmore more-link\" href=\"https:\/\/playdeck.tv\/en\/howto\/companion\/\" aria-label=\"Using Companion for Playout Control\">Read More<\/a><\/p>\n","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":[169],"tags":[],"class_list":["post-85858","post","type-post","status-publish","format-standard","hentry","category-howto"],"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\/en\/howto\/companion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\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\/en\/howto\/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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"WebAdmin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\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\\\/howto\\\/companion\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/howto\\\/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\\\/howto\\\/companion\\\/\"},\"wordCount\":709,\"publisher\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/howto\\\/companion\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/playdeck.tv\\\/wp-content\\\/uploads\\\/image-329.png\",\"articleSection\":[\"How To\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/howto\\\/companion\\\/\",\"url\":\"https:\\\/\\\/playdeck.tv\\\/howto\\\/companion\\\/\",\"name\":\"Using Companion for Playout Control - PLAYDECK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/howto\\\/companion\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/playdeck.tv\\\/howto\\\/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\\\/howto\\\/companion\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/playdeck.tv\\\/howto\\\/companion\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/howto\\\/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\\\/howto\\\/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\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/playdeck.tv\\\/#organization\",\"name\":\"PLAYDECK\",\"url\":\"https:\\\/\\\/playdeck.tv\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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\",\"url\":\"https:\\\/\\\/playdeck.tv\\\/en\\\/author\\\/joy\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using Companion for Playout Control - 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\/en\/howto\/companion\/","og_locale":"en_US","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\/en\/howto\/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":{"Written by":"WebAdmin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/playdeck.tv\/howto\/companion\/#article","isPartOf":{"@id":"https:\/\/playdeck.tv\/howto\/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\/howto\/companion\/"},"wordCount":709,"publisher":{"@id":"https:\/\/playdeck.tv\/#organization"},"image":{"@id":"https:\/\/playdeck.tv\/howto\/companion\/#primaryimage"},"thumbnailUrl":"https:\/\/playdeck.tv\/wp-content\/uploads\/image-329.png","articleSection":["How To"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/playdeck.tv\/howto\/companion\/","url":"https:\/\/playdeck.tv\/howto\/companion\/","name":"Using Companion for Playout Control - PLAYDECK","isPartOf":{"@id":"https:\/\/playdeck.tv\/#website"},"primaryImageOfPage":{"@id":"https:\/\/playdeck.tv\/howto\/companion\/#primaryimage"},"image":{"@id":"https:\/\/playdeck.tv\/howto\/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\/howto\/companion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/playdeck.tv\/howto\/companion\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/playdeck.tv\/howto\/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\/howto\/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":"en-US"},{"@type":"Organization","@id":"https:\/\/playdeck.tv\/#organization","name":"PLAYDECK","url":"https:\/\/playdeck.tv\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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","url":"https:\/\/playdeck.tv\/en\/author\/joy\/"}]}},"taxonomy_info":{"category":[{"value":169,"label":"How To"}]},"featured_image_src_large":false,"author_info":{"display_name":"WebAdmin","author_link":"https:\/\/playdeck.tv\/en\/author\/joy\/"},"comment_info":0,"category_info":[{"term_id":169,"name":"How To","slug":"howto","term_group":0,"term_taxonomy_id":169,"taxonomy":"category","description":"","parent":0,"count":43,"filter":"raw","cat_ID":169,"category_count":43,"category_description":"","cat_name":"How To","category_nicename":"howto","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/posts\/85858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/comments?post=85858"}],"version-history":[{"count":66,"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/posts\/85858\/revisions"}],"predecessor-version":[{"id":87413,"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/posts\/85858\/revisions\/87413"}],"wp:attachment":[{"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/media?parent=85858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/categories?post=85858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/playdeck.tv\/en\/wp-json\/wp\/v2\/tags?post=85858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}