Simple Music Player Module

EoF

MM Music Player

First module, first time using node, go easy on me ;)

I made this for the original MagicMirror that used the standard xampp stack, so this was originally made using PHP for the back end part of it. I basically ported this over to MagicMirror2 from there.

Basically, this is a simple music player. Add your music (must be .mp3) to the music directory in the module and it will automatically detect them. No need to manage a list of file names or anything like that. After that, simply click play.

Note: You do need to be able to click the buttons, otherwise the music won’t start. I may apply an option to the config to auto play on launch if anyone is interested. I have made it this way as I am working on a MagicMirror that I plan to make touch screen (well, try it).

EoF

Just for an update on this, I haven’t pushed this to git yet but the new module will now have a playlist where you can scroll through and choose which song to play.

mm-music-player-update

I’m also looking to make the volume scroll ball bigger, so it’s easier to grab. If you saw my demonstration video you can see I had a little bit of trouble grabbing it. Still working on this one though, as I want the size of the ball to remain the same visually but the actual to be larger. Unfortunately though, margin doesn’t seem to detect the dragging event.

KirAsh4

For troubleshooting or HOWTO questions, please post in the Troubleshooting thread:
https://forum.magicmirror.builders/topic/215/simple-music-player-module/1

glelan

@EoF Work nice !! thanks. Could you update the module with M3U playlist and automatic start or keyboard short cut ? I plan to use to for webradio in bathroom ;-)
Thanks !

wjdw87

@EoF said in Simple Music Player Module:

Just for an update on this, I haven’t pushed this to git yet but the new module will now have a playlist where you can scroll through and choose which song to play.

I’m also looking to make the volume scroll ball bigger, so it’s easier to grab. If you saw my demonstration video you can see I had a little bit of trouble grabbing it. Still working on this one though, as I want the size of the ball to remain the same visually but the actual to be larger. Unfortunately though, margin doesn’t seem to detect the dragging event.

Hi not seeing this myself, (the list)

cowboysdude

@wjdw87 said in Simple Music Player Module:

@EoF said in Simple Music Player Module:

Just for an update on this, I haven’t pushed this to git yet but the new module will now have a playlist where you can scroll through and choose which song to play.

I’m also looking to make the volume scroll ball bigger, so it’s easier to grab. If you saw my demonstration video you can see I had a little bit of trouble grabbing it. Still working on this one though, as I want the size of the ball to remain the same visually but the actual to be larger. Unfortunately though, margin doesn’t seem to detect the dragging event.

Hi not seeing this myself, (the list)

Well that’s because the original doesn’t have it yet… he has updated but not made it available via ‘git pull’ yet :) He’s still tweaking it I believe but I’m sure it’ll be ready soon!

frodrd00

Hi,
I use the module voicecontrol.
How can I change the following to raise the volume?

if (notification === “VOLUME_UP”){
?¿?¿?¿?¿?
}
if (notification === “VOLUME_DOWN”){
?¿?¿?¿
}

AlessandroRa

Hey @EoF thank you for this module! How is it going with the update?
By the way, I’ve found that when I try to change the volume, it goes random up and down
(for example: I click on the left and the volume goes up, then I click on the center and the volume goes down, then I click on the right and the volume goes up again…) any suggestion? Thanks!

codecook

Thanks for the great module. One problem I have is it plays for few seconds and stops automatically. Is there a reason? Please let me know.

Below is the code for the player from config

{
                        module: 'mm-music-player',
                        position: 'bottom_left',
                        config: {
                                 startingVolume: 35,
                                 fadeDuriation: 2000
                                 }
                }

1m2

Great work EoF.
Just came over from the YouTube channel to check out your shared knowledge. Pretty awesome stuff man! Thanks for sharing with us, I have not implemented this yet as I’m still working on other kinks in my MM2.
I wonder if any one has found a way to tie into Google Play Music since I have all my music on there already?
Cheers!

*** Hey EoF or anyone that’s possibly reading this, can anyone help with how to/where to load the “MM-Hide-All” files that EoF created to hide all text and make it reappear? All I was able to do was put the “module” text into the config.js and that’s it. LOL
Noob status…