MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Help with Progress Bar for Music

    Scheduled Pinned Locked Moved Development
    7 Posts 5 Posters 1.1k Views 5 Watching
    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.
    • J Offline
      jasondreher
      last edited by

      I am sending information to my Magic Mirror for music that is playing through alexa, I have the art, album name, song title and have created a module that shows this information. I want to add a progress bar to the module, I have the total run time and could just subtract time as it goes.

      Can anyone help with a simple progress bar? I looked at multiple modules that have one but cannot extract that info…

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @jasondreher
        last edited by

        @jasondreher said in Help with Progress Bar for Music:

        music that is playing through alexa, I have the art, album name, song title

        I don’t know how to answer your question, other than to say google is your friend
        javascript progress bar

        how did u get the info for the above?

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        J 1 Reply Last reply Reply Quote 0
        • ? Offline
          A Former User
          last edited by

          for a single progress bar use meter tag in the dom

          1 Reply Last reply Reply Quote 0
          • J Offline
            jasondreher @sdetweil
            last edited by

            @sdetweil
            With home assistant (https://www.home-assistant.io/)
            and this add on
            https://community.home-assistant.io/t/echo-devices-alexa-as-media-player-testers-needed/58639

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @jasondreher
              last edited by

              @jasondreher cool. thx

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • C Offline
                Caradoc Banned
                last edited by

                That’s great, when you are able to create these things. Good luck with those ideas.

                1 Reply Last reply Reply Quote 0
                • lavolp3L Offline
                  lavolp3 Module Developer
                  last edited by

                  I would search for an npm progress bar module(there’s one for sure).
                  Then install it via npm.
                  Include it in your code via the getScript() method.
                  Use it in your code as described in the npm module.
                  From my point of view it’s the easiest way in this environment without doing all on your own.

                  How to troubleshoot modules
                  MMM-soccer v2, MMM-AVStock

                  1 Reply Last reply Reply Quote 0
                  • 1 / 1
                  • First post
                    Last post
                  Enjoying MagicMirror? Please consider a donation!
                  MagicMirror created by Michael Teeuw.
                  Forum managed by Sam, technical setup by Karsten.
                  This forum is using NodeBB as its core | Contributors
                  Contact | Privacy Policy