Code Monkey home page Code Monkey logo

brb-twitch-clips's Introduction

BRB Clips by 715209


This is a HTML/JS project that will show the top 10 overall and top 10 most recent clips of a twitch channel.

Prerequisities

  • Go to the Twitch Dev Console, click the purple Register Your Application button.
  • Give your application a unique name, write http://localhost in the OAuth Redirect URLs field, select a category, You could just use Application Integration.
  • Click Create, afterwards it will bring you back to your application list, click on the Manage button.
  • Once you are in the Manage Application section you will see a couple new things, Client ID and a New Secret button, click it and you will get a Client Secret.

Setup

  • 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.

Usage

  • 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.

brb-twitch-clips's People

Contributors

715209 avatar b3ck avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

brb-twitch-clips's Issues

Not an issue, really, more of a question

Hey, on the twitch BRB clips code, how would I go about removing the top ten clips and having it only play random clips from the past 30 days? If you don't mind, you can contact me on twitter.com/ORYG1N or Discord ORYG1N#6969

Thanks.

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.