How to add the current game’s box art to your scene when streaming to Twitch

Posted by adrian on March 18th, 2016

Have you ever wanted to display the game art for a title that you are playing on your stream but not wanted to download a new image for each new game you play. Well help is at hand I’ve written a very quick script that you can include as a browser page in OBS or Xsplit which will display the box art for the game that you are currently playing. Here’s how you set it up.

Download the zip file from here: Twitch Box Art and unzip it onto your hard drive.

 

You’ll need to make one tiny change to a file for this to work with your channel. Open the twitchboxart.js file¬†using notepad which you’ll find in the twitchboxart\scripts folder at the top of the file you will see the following lines:


//Update this value to reflect your own channel name otherwise you will get images for what I am playing
var channel = 'unshapedadrian';

You need to change this to reflect your channel name so for instance if your channel is called Imagine42 then you need to change the line to look like this:


var channel = 'Imagine42';

and then save the file, make sure to call it twitchboxart.js, notepad may add a .txt on the end.

 

Then all you need to do is to add it to your scene in OBS or Xsplit. For OBS, it’s very similar for XSplit. add a new Source to your scene, choose BrowserSource (or CLRBrowser if using OBS classic). Give the source a name and then set the properties like this:

 

TwitchBoxArtConfig

 

Things you should know:

  1. The script polls Twitch every FIVE minutes to see what game you are playing, there is no way to force an update you will just need to be patient, or refresh your scene in some way, this is done on purpose to avoid constantly polling the Twitch servers for data.
  2. Not all games have box art available so sometimes you will get the default Twitch purple image with a question mark.

That’s all you need to know, if you have problems getting it working then please feel free to leave a comment or send me a direct message on Twitter

/* */