Here’s another module I created. It displays the song you are currently listening to on Spotify. It doesn’t matter whether you play the song on your desktop or on your smart phone. Also you don’t need any third party app to connect to Spotify. All you need is included in the module.

You can find it on GitHub. A detailed description how to get it working is included.

Feel free to tell me what you think.

@E3V3A console.log() is a standard Javascript function it works anywhere. Log.info() and so on are functions from the MagicMirror’s module system. So they will only work in the module file.

node_helper.js is executed in the server context. Any console output is therefore on the server’s log.

The module file is executed in the client context (the browser). So console output from the module file is logged in the browser console.

Here’s another module I programmed. It is probably one of the best modules ever for the MagicMirror because it does absolutely nothing useful. It just displays and simulates a game board for the Game of Life.

Conway’s Game of Life is a very interesting thing in information since. Every true nerd should simulate the game on their MagicMirror.

@E3V3A I don’t know whether that helps but you need to write this.file("node_modules/jquery-ui-dist/jquery-ui.min.js") in your getStyles and getScripts functions.

Description

I just finished my latest module. It can be used to display departures from a station near you.

The module uses data from the HAFAS system which is fed by nearly all transportation providers in Germany. Most providers even provide real time information on the departures. As far as I know and read this system is used also in many other European countries especially Switzerland and Austria. So give it a try if you located there.

It is possible to use this module to display local transport departures like tram or bus or regional and national transport departures.

Screenshots

Download

@E3V3A Actually the API doesn’t return json. It returns an array of Javascript objects. You can very easy iterate over the array and access any properties of the objects in the array with dot syntax.

const radar = require("flightradar24-client/lib/radar");

radar(53, 13, 52, 14)
  .then((flights) => {
    flights.forEach((flight) => {
      console.log("id: " + flight.id + ", origin: " + flight.origin);
    })
  })
  .catch((err) => {
    console.error(err);
    process.exit(1);
  });

@leejaeuk Have look at my GameOfLife Module. It uses p5.js.

@djsunrise19 Geht mir ähnlich.
Mein Modul unterscheidet sich zu MMM-PublicTransportDB auch nur insofern, dass es von mir ist und dass ich erläutere, wie man zu seiner stationID kommt.
Dass du mein Modul nicht kanntest, mag daran liegen, dass ich es erst vor ein paar Tagen fertiggestellt habe.

@E3V3A I have had a look at your code. I’ve opened a pull request. Have look!

@marcnlx Awesome idea! Maybe you can add a screenshot.

@philreis This is unfortunately not possible. The waySpotify works is that no song is actually ever stopped but it is paused. That is why the API can’t differentiate between stopped or paused songs. The only way to force the display to show nothing is by quitting the Spotify client.

@leejaeuk You should create a GitHub repository for your code so that someone can have a look at it.

@schlachtkreuzer6 You need to enter both your secret ID and client secret in the input boxes and then click “Authorize my app!”. After that the message in Step 3 should disappear and show you exactly what you need to copy in your config.js.

You need to make sure that you put the shown callback url in the app’s setting on Spotify.

@leejaeuk The getScript function is responsible for making p5.js available to your code. Thats why it reads like

getScripts: function() {
    return [
      "https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.0/p5.js"
    ];
  },

Keep in mind that p5.js runs in the client. That’s why you need it in your module’s js file.

The easiest way to incorporate your sound frequency code would be to insert it in the makeSketch function.

makeSketch: function(conf) {
  return function(pFive) {
    YOUR CODE HERE
  }
}

Your code will have a setup and a draw function. These need to be prefixed with pFive. Just look at my code to get the idea.

@tidus5 Controlling volume and playback should be feasible. But changing the playlist? That would require an interface and a lot of interaction. That kind of defeats the purpose of a MagicMirror.

Actually I don’t know whether I will work on this control features but feel free to fork the project and add as much as you want.

@leejaeuk Have look at my GameOfLife Module. It uses p5.js.

@goprojojo The width of the cover art is determined by the width of the column you placed the module in. It is set to 100%. You can change it by adjusting the width property of the .NPOS_albumCover class in css/styles.css.

@tidus5 what should that version do?

@BananaBro glad to hear that it is working now.

@BananaBro sounds weird. Do you have a free or a premium account?