Code Monkey home page Code Monkey logo

mmm-livelyrics's Introduction

🧸 Fabrizio 🧸

Student | Computer Engineering | he/him | <3 | fabriz.co

I'm a Computer Engineering student from Argentina 🇦🇷, with a flair for tech and design. Im finishing my last MM2 module: MMM-HomeKit, that adds native homekit support to smart mirrors. Also working on networking for a local SME.

Fabrizz Logo

🧉 Languages and tools

Visual Studio Code

HTML5

CSS3

JavaScript

TypeScript

Node.js

Git

Figma

Arduino

Python



🧱 Some projects:

OnSpotify Homekit LiveLyrics EleccionesArg

Hidden

Fabrizz logo

Made with <3 by Fabrizz

mmm-livelyrics's People

Contributors

fabrizz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

mmm-livelyrics's Issues

When? How?

How do I get this module? Or do I have to wait?

No download instructions in the README...

MMM-OnSpotify does not hide when LiveLyrics is showing

I recently updated my MagicMirror with a new Raspberry Pi 4 and the most recent software following the manual installation instructions provided by the MagicMirror documentation (as of a few days ago).

While LiveLyrics is open, the OnSpotify module does not hide. I tried to force the behavior by setting the hideSpotifyModule to true but no luck. My access tokens work just fine.

2023-08-06-133204_1080x1920_scrot

An example screenshot of the behavior is below.

Additionally I have whitelisted all the IP address using the following line in the config:
ipWhitelist: []

let config = {
	address: "localhost",	// Address to listen on, can be:
							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
							// - another specific IPv4/6 to listen on a specific interface
							// - "0.0.0.0", "::" to listen on any interface
							// Default, when address config is left out or empty, is "localhost"
	port: 8080,
	basePath: "/",			// The URL path where MagicMirror² is hosted. If you are using a Reverse proxy
					  		// you must set the sub path here. basePath must end with a /
	ipWhitelist: [],	
	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true

	language: "en",
	locale: "en-US",
	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
	timeFormat: 12,
	units: "imperial",

	modules: [
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left",
			showPeriod: true,
			showSunTimes: true

		},
		{
			module: "calendar",
			position: "top_left",
			config: {
				calendars: [
					{
						url: $$TOKEN$$
					}
				]
			}
		},
		{
			module: "weather",
			position: "top_right",
			config: {
				weatherProvider: "openweathermap",
				type: "current",
				apiKey: $$TOKEN$$
				
			}
		},
		{
			module: "weather",
			position: "top_right",
			header: "Weather Forecast",
			config: {
				weatherProvider: "openweathermap",
				type: "forecast",
				apiKey: $$TOKEN$$
			}
		},
		{
			module: "MMM-OnSpotify",
			position: "top_left", /* bottom_left, bottom_center */ 
			config: {
				clientID: $$CLIENT$$,
				clientSecret: $$SECRET$$,
				accessToken: $$TOKEN$$,
				refreshToken: $$TOKEN$$,
				displayWhenEmpty: "user",
				spotifyCodeExperimentalShow: false,
			}
		},
		{
		// This is the base config. See more config options below
			module: "MMM-LiveLyrics",
			position: "fullscreen_below", // Do not change position
			config: {
				accessToken: $$TOKEN$$,
				showConnectionQrOnLoad: false,
				hideSpotifyModule: true,
			}
		},
		{
			module: "newsfeed",
			position: "top_bar",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}
		},
	]
};

Do I need to configure someone for module cross-talk? Do you have any suggestions on how to debug communications between modules?

Adapting scrolling to other input/div

Hello,

I've recently been working on adapting your module to be compatible with Plex, which is the main way that I listen to music. I've got most of the functionality working, but I can't find a way to switch between divs for monitoring where in the lyrics I am.

Currently, scrolling is done by monitoring the div stored in the PLAYERPROGRESS variable. I tried conditionally modifying this variable such that when music is playing from plex, it uses my data to determine the percentage, but when music is playing through Spotify, it behaves as it currently does but didn't seem to have any luck. I want the module to work for both Spotify and Plex, and this is the last puzzle piece haha.

I played around a bit with modifying the scroller_bySections() function but didn't have a ton of luck as a lot of it is set in constants that didn't take kindly to modifying.

I already have all the percentage calculations done for Plex, I just need a way to have the module scroll like it does for Spotify.

Thanks for any suggestions you might have (And the great module)!

Custom CSS?

Hey, sorry if this is a stupid question. But how do I apply custom CSS to the module? Using the ~/MagicMirror/css/custon.css doesnt seem to take effect.

The Readme is a bit confusing as it mentions dynamic CSS variable but nothing more on what that means.

Am I missing something obvious?

Hi. I have a question.

So, theres an API for showing/hiding the lyrics right? Is there a way we can integrate that with Amazon Alexa to show and hide the modules?

Landscape Mode

Hey, Is there any change to get a Mode for Horizontal Screens which will place the Lyrics in the whole middle section?

I have some modules to the left and right, but nothing in the middle. Therefore it would be nice to have the Lyrics in the complete middle section (from top to bottom) since it will not overlap the oder modules on the side.

Also, a hideStrategy when no lyrics are found would be awesome :)

Thank you!

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.