Giter Club home page Giter Club logo

yeah-but-bttv's Introduction

Yeah but BTTV

It's like a third party thing, I don't know.

A webserver for Youtube chat with custom emotes support for your OBS :).
Deployed/public version: https://naotimes-og.glitch.me/yeah-but-bttv/

You just need to append your Youtube channel ID after /yeah-but-bttv/ so it look like this: https://naotimes-og.glitch.me/yeah-but-bttv/UCQ61CFTVuOGqav_siaiSWhg

Features

  • Dynamic live chat fetching (No need to manually change the Video ID anymore!)
  • Emotes from BTTV, FFZ, and 7TV
  • Support for channel emotes.
  • Customizable with https://chatv2.septapus.com/ (This webserver is basically Youtube chat but with emotes injection)

Self-hosting Usage

  1. Download Node
  2. Clone this repository
  3. Install all the packages with npm install
  4. Run the program with node .

It should open a localhost server at port 7776. After that you can just use this link: http://localhost:7776/yeah-but-bttv/your_youtube_channel_id_here

Adding to OBS

  1. Create a new Browser sources
  2. Enter the full URL with your channel ID into the URL section
  3. Customize the chat with https://chatv2.septapus.com/ (Put the CSS result in the Custom CSS section)
  4. Press OK to save, and it will shows in a bit.

To refresh the chat to use your new stream, just click Refresh image

Screenies

OBS Configuration

License

MIT License, for more info check the LICENSE file.

Love this project?

If you like this project, I would love for some donation :)
You can donate to me here: https://n4o.xyz/#/donate

yeah-but-bttv's People

Contributors

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