Code Monkey home page Code Monkey logo

randomclipplayer's Introduction

Random Clip Player

A simple random Twitch clip player with zero limitations.

Setup

You are required to create a Twitch developer application in order for this to function. If you have already created one and have the Client ID and Client Secret, skip to Step 8.

  1. Visit https://dev.twitch.tv/ and Login.
  2. Press "Your Console" in the top right.
  3. Under "Applications" press "Register Your Application"
  4. Give it any name, it doesn't matter. Select the most appropriate category, or just "Other."
  5. As an "OAuth redirect URL" is required, enter a link to any website - preferably one you own, or just enter a link to google (https://google.com/). The app doesn't use this so it's not important.
  6. Press "Create"
  7. Once created, press "Manage" and scroll to the bottom of the page. Take note of the "Client ID" and "Client Secret" (press new secret if there isn't one there)
  8. Now, download the viewer.html file from here. Save this file somewhere accessible.
  9. Open the viewer.html file in a text editor of your choice.
  10. In CLIENT_ID and CLIENT_SECRET enter the Client ID and Client Secret respectively, between the quotes.
  11. In BROADCASTER_NAME enter your Twitch username, between the quotes.
  12. Adjust any of the other settings as you wish.
  13. Once this is complete, save and close the file.
  14. In OBS/other streaming software, simply add this file as a Browser Source. You may need to tick "local file" in order for this to be possible.
  15. In OBS, adjust the width and height of the Browser Source in the "Properties" panel rather than scaling it, this ensures that the clips play at the highest possible quality without becoming blurry when scaled.
  16. Optionally, you may also want to consider enabling "Shutdown source when not visible" and "Refresh browser when scene becomes active" for the most flexibility.

randomclipplayer's People

Contributors

shaderwave avatar jboardman367 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.