Coder Social home page Coder Social logo

flustix / music-overlay Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 753 KB

A little program that communicates with the WebNowPlaying extension to show the current song in a browser.

C# 22.94% Batchfile 0.80% HTML 7.50% JavaScript 42.90% CSS 25.86%
music overlay

music-overlay's Introduction

Flux' Music Overlay

A little program that communicates with the WebNowPlaying extension to show the current song in a browser.

Installation

Installing the browser extension

  1. Follow the installation instructions for the WebNowPlaying browser extension.
  2. Open the extension settings and make sure the Rainmeter adapter is enabled.

The program itself

  1. Download the latest release from here.
  2. Extract the zip file.
  3. Run the WebNowPlaying.exe file.

This starts in the background, if it seems to do nothing, that's normal.

You can close it again using task manager.

You can now open the overlay by opening http://localhost:8975/ in your browser or add it as a browser source in OBS.

Configuration

You can change the settings of the web-view by adding query parameters to the url.

Parameter Description Values Default
album Display the album name. 0, 1 1
progress Display the progress bar. 0, 1 1
progress-size The size of the progress bar. normal, full normal
bg Display the background. 0, 1 1
v The vertical position of the overlay. top, bottom bottom
h The horizontal position of the overlay. left, right right
box-bg Shows a transparent background behind the text. 0, 1 0

For example: http://localhost:8975/?progress=0&bg=0 will disable the progress bar and the background.

music-overlay's People

Contributors

flustix avatar

Watchers

 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.