This is a HTML/JS project that will show the top 10 overall and top 10 most recent clips of a twitch channel.
- There are two ways you can do this;
- Use your main Twitch account to get an oauth HERE click the connect button, login and authorize to get your 'oauth:xxxxxxxxxxxxxxxxxxxxxx'
Once you have your oauth follow these steps:
- Go to the Twitch Dev Console, click the purple
Register Your Application
button. - Give your application a unique name, paste your recently acquired oauth in the
OAuth Redirect URLs
field, select a category, I usually just use my BOTs oauth so it's 'chat bot', but you could useApplication Integration
. - Click
Create
, afterwards it will bring you back to your application list, click on theManage
button. - Once you are in the
Manage Application
section you will see a couple new things,Client ID
and aNew Secret
button, click it and you will get aClient Secret
.
- Right click and download the
clips.html
from HERE. - Open 'clips.html' in your favorite code editor program, scroll down to the bottom and edit your;
username
clientid
clientsecret
- Save the file.
- Open OBS, Add a new Browser source, check Local file, click browse, browse to your edited and saved
clips.html
file and double click it.- Optional: Change the width and height to best suit your needs, I prefer the 16:9 ratio, 1280x720, 1920x1080 etc..
- Once added it should start playing your clips, now all that is left to do is make it work with your scene.
If you have any questions feel free to open an issue.