Queue

The queue widget allows you to let your viewers enter a queue. Next to keeping track of people in your queue, you can also integrate a queue widget in your content as a browser source.

To work, you'll need to connect StreamUtils with your twitch account. If you are not logged in via Twitch already, or if you did not connect your spotify account yet, the currently palying page will ask you to connect your Twitch account. Once you've given StreamUtils access to your Twitch account, you will be able to configure your queue.

Configure your queue

Field	Description
Your twitch channel name	Readonly field, showing you which Twitch channel chat our bot will join to listen for queue commands.
Check if you allow people to join the queue more then once	By default we don't allow people to join a queue more than once, checking this box will allow duplicate entries.
How many queue items should be shown?	This number tells us how many items in queue we should show in the queue widget. The widget shows the first X entries in the queue, where X is exactly the number you enter here.
Layout	Select a layout you want to use. Leave blank if you want to create your own layout in your recording software. (See below)

Link

This section offers a convenient way to copy your currently playing widget link, so you can paste it in your favourite streaming/recording software. It also provides a preview of your timer which changes as you change values in the form above it.

The predefined layouts allow you to quickly integrate a queue in your video content without the need of further customization. However, if you'd rather design your own layout, to better fit the overall look and feel of your channel, you can by setting the layout to "None". In that case, provided your streaming software allows you to edit the CSS for the browser source, you can add custom styling as shown below.

@import url('../../fonts/stylesheet.css');

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'Digital-7 Mono';
  font-size: 32px;
  font-style: italic;
  text-align: center;
}

li {
  padding: 0.3em;
  margin-bottom: 0.1em;
  background-color: black;
  color: white;
}

li:nth-child(2) {
  background-color: #222;
}

li:nth-child(n + 3) {
  background-color: #444;
}

The CSS shown above is actually the same as the "Digital" layout in the predefined layout list.

Twitch chat

Once you have configured your queue, StreamUtilsBot will join your channel and listen for queue messages. These are the queue commands your chat can use:

Command	Description
!queue	Show all people in queue.
!queueme	Adds the sender to the queue.
!queueleave	Removes the sender from the queue.
!queuepos	Shows the current position in the queue of the sender .