Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Simple Music Player Module

    Entertainment
    audio music player
    19
    41
    31930
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • EoF
      EoF last edited by paviro

      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).

      1 Reply Last reply Reply Quote 1
      • EoF
        EoF last edited by

        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.

        G ? 2 Replies Last reply Reply Quote 1
        • KirAsh4
          KirAsh4 Moderator last edited by

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

          1 Reply Last reply Reply Quote 0
          • G
            glelan @EoF last edited by

            @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 !

            1 Reply Last reply Reply Quote 0
            • ?
              A Former User @EoF last edited by

              @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.

              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.

              Hi not seeing this myself, (the list)

              cowboysdude 1 Reply Last reply Reply Quote 1
              • cowboysdude
                cowboysdude Project Sponsor Module Developer @Guest last edited by

                @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.

                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.

                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!

                P 1 Reply Last reply Reply Quote 0
                • F
                  frodrd00 last edited by

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

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

                  1 Reply Last reply Reply Quote 0
                  • AlessandroRa
                    AlessandroRa last edited by

                    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!

                    1 Reply Last reply Reply Quote 0
                    • C
                      codecook last edited by yawns

                      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
                                                       }
                                      }
                      
                      1 Reply Last reply Reply Quote 0
                      • 1m2
                        1m2 last edited by 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…

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 1 / 5
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy