Code Monkey home page Code Monkey logo

twitch-bongocat's Introduction

Add the bongo cat to your stream

A nice little bongo cat themed drum machine.
Be warned: This is a work in progress.

What does it do?

Bongo Cat for Twitch lets the popular meme cat appear on your screen whenever someone in your Twitch chat issues a command.

How do i add it to my stream? (easy route, START HERE)

How do i install it locally? (advanced users)

If you want to modify the sounds or the behavior you can also run it locally.

With Docker (Docker Desktop works too)

  • Start Http-Daemon with docker compose up -d. The Webserver will listen on Port 8080.

  • Point your OBS browser source to the index.html file and add your channel name as a hash. Example:http://localhost:8080/#jvpeek

  • Set the size of the browser to 1920x1080 pixels.

With Webserver (Whitout Docker)

  • Install a Webserver (Xampp, lamp, MAMP, Apache2, Nginx...)

  • Configure Webroot to ./src

  • Point your OBS browser source to the index.html file and add your channel name as a hash. Example:http://localhost/#jvpeek

  • Set the size of the browser to 1920x1080 pixels.

How do i use it?

There are two commands:

  • !bpm Lets you choose the speed of the song.
  • !bongo [notes] Plays back the sounds in chunks. Notes are divided into chunks by spaces. 12 34 would result in two chunks. The first one containing notes 1 and 2, the second one containing 3 and 4.

What instruments are available?

As of now, there are the same instruments as on https://bongo.cat.

Can i modify this?

Yes. And please show us the results.

Who did this?

The code was written by CodeHustle and JvPeek
The initial compilation of sounds and images was done by Externalizable
Bongo cat was drawn by StrayRogue

twitch-bongocat's People

Contributors

awsdcrafting avatar externalizable avatar coon42 avatar jvpeek avatar dergreen avatar imgbotapp avatar luca090902 avatar rdil avatar danielnickels avatar devakker avatar pasilein007 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.