Spotify Example
Use Companion Dashboard to display information from Spotify.
This demo is using the Spotify module v2.5.0 for Companion v4.0.2 and Companion Dashboard v1.1.0
ALBUM ARTWORK
Create a new box and uncheck the VISIBLE checkbox for both the header and right text.
Unchecking those two checkboxes means the left text will appear centered in the box. The same thing could be done with the right text, if you uncheck the left label visible checkbox instead.
Use the image markdown format with the Spotify variable for album art:
)
NOW PLAYING BOX
Create a new box and in the header use the html tag <b> to bold the text: <b>NOW PLAYING</b>
In the left text box, use the <b> to bold the text, <i> to italicize the text, and   to add a space after formatting.
Uncheck VISIBLE for the right box.
REMAINING TIME
Create a new box, uncheck VISIBLE for the header and right.
In the left text box, use the ** markdown syntax to denote bold. Combine it with a - to show that it's counting down, and add the Spotify time remaining variable.
**-$(Spotify:songTimeRemaining)**
In the background setting, color pick a green color for the DEFAULT BORDER COLOR
I am not directly connected to Bitfocus or the Companion project. I am simply sharing a tool I made for myself that connects to the Companion API.
Data for Dashboard is pulled from Companion once per second, and in turn Companion is polling connected modules at a certain rate. Because of this, data displayed in Dashboard is delayed. The delay is usually one second at the most. The original source/device should be used for the most accurate timing.
Any comments, questions, suggestions, or bug reports can be sent to tom@tomhillmeyer.com.