Giter VIP home page Giter VIP logo

monstercat-obs-connector's Introduction

Monstercat OBS Connector

Monstercat is an awesome EDM publishing label that has a great relationship with gamers and streamers. For a very reasonable price you can stream Monstercat artists' music in your Twitch / YouTube streams with their Monstercat Gold program.

OBS (Open Broadcasting Software) Studio is a popular streaming program.

Now you can add the name of the currently playing track from Monstercat.com to a ticker in your OBS stream with this one simple hack!

This connector uses Tampermonkey to inject some JavaScript in the Monstercat.com player, and send the name of the currently playing track to OBS, so you can display in in your stream.

Watch me code the whole thing start to finish, and get it working in my stream.

Or just set it up for yourself:

To Use

OBS Setup

  • Install the OBS WebSocket plugin
  • Configure the password in OBS "Tools > WebSockets Server Plugin".

  • Add a Source to your scene of Type "Text (FreeType 2)" (Make sure you note the name of your source for the configuration of the connector).

  • Position it where you want it, and add a Filter with type "Scroll", and give it some horizontal movement.

Browser Setup

  • Install the Tampermonkey plugin to your browser.
  • Open the Tampermonkey settings in your browser.
  • Click on "Utilities".
  • Paste the following URL into the "Install from URL" text box:
https://raw.githubusercontent.com/jwulf/monstercat-obs-connector/master/tampermonkey.js
  • Click "Install".
  • Reload the Monstercat.com player in your browser.

You should now see a userscipt loaded on the Tampermonkey plugin.

  • Click the Tampermonkey icon in the browser plugins section:

  • Click on "Configuration"

  • Enter the password you set for the OBS Web Socket Server plugin.

    • TickerBase is anything else you want in the scroller as well as the song details.
    • OBSSourceName is the name of your source element.
  • Click "Save"

  • Reload the page to establish the connection.

  • Share the love!

monstercat-obs-connector's People

Contributors

jwulf avatar

Watchers

 avatar  avatar

Forkers

meguminnet

monstercat-obs-connector's Issues

text not showing on stream

I've followed everything to the letter and the text doesn't show what song is playing through obs. Is there a way to fix this?

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.