• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

What is wrong with my url?

Scheduled Pinned Locked Moved Troubleshooting
16 Posts 2 Posters 3.1k Views 2 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.
  • S Away
    sdetweil @EllyJ
    last edited by sdetweil Oct 24, 2020, 10:51 PM Oct 24, 2020, 10:50 PM

    @EllyJ what format is the this.volumioData? string, json, object?

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    E 1 Reply Last reply Oct 24, 2020, 11:12 PM Reply Quote 0
    • E Offline
      EllyJ @sdetweil
      last edited by Oct 24, 2020, 11:12 PM

      @sdetweil it json I believe. I’m on a RaspberryPi and the file extension is .js.

      E S 2 Replies Last reply Oct 24, 2020, 11:19 PM Reply Quote 0
      • E Offline
        EllyJ @EllyJ
        last edited by Oct 24, 2020, 11:19 PM

        @EllyJ sorry I don’t know about Volumio. At the bottom of the picture is the live data. I just found this but don’t understand what it is getting at.

        If albumart value starts with http, then no further operation is needed and the resulting url will show an albumart
        Otherwise, prepend the string formed by: http:// + IP ADDRESS of Volumio device. Example: http://192.168.1.22/albumart?

        1 Reply Last reply Reply Quote 0
        • S Away
          sdetweil @EllyJ
          last edited by sdetweil Oct 24, 2020, 11:23 PM Oct 24, 2020, 11:21 PM

          @EllyJ ok, you need to use
          let data=JSON.parse(this.volumioData)
          to get into object form, then your
          data[‘albumart’] might work

          on my phone

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          E 1 Reply Last reply Oct 24, 2020, 11:24 PM Reply Quote 0
          • E Offline
            EllyJ @sdetweil
            last edited by Oct 24, 2020, 11:24 PM

            @sdetweil I think I have to add my IP address for the Volumio. When I was looking to see if Volumio is json I stumbled on this on their website. Can I += strings?

            S 2 Replies Last reply Oct 24, 2020, 11:25 PM Reply Quote 0
            • S Away
              sdetweil @EllyJ
              last edited by Oct 24, 2020, 11:25 PM

              @EllyJ I’m not sure

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • S Away
                sdetweil @EllyJ
                last edited by Oct 24, 2020, 11:31 PM

                @EllyJ this.volumioData should be the response from the server

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                E 1 Reply Last reply Oct 24, 2020, 11:37 PM Reply Quote 0
                • E Offline
                  EllyJ @sdetweil
                  last edited by Oct 24, 2020, 11:37 PM

                  @sdetweil it is. If you look at the url it gives to the album art it does not start with http://192.168… so I just need to add that I believe. I stumbled on that info by mistake thanks to you. I will try and get that working now.

                  S 1 Reply Last reply Oct 25, 2020, 12:52 AM Reply Quote 0
                  • E Offline
                    EllyJ
                    last edited by Oct 25, 2020, 12:48 AM

                    Ok it works :grinning_face_with_smiling_eyes: The problem was I needed to add the Raspberry Pi’ address before the album art url. Thank you very much @sdetweil for asking me a question that led to that info.working.png

                    As you can see it needs to be shifted about a little to look good.

                            var data = this.volumioData;
                            var item = document.createElement('div');
                            var amendUrl = "";
                            var image = document.createElement('img');
                            if (data['service'] == "mpd") {
                                amendUrl = this.config.volumioUrl + data['albumart'];} // if local playback use volumio url +  albumart url 
                            else{
                                amendUrl = data['albumart'];}                   // else if web radio just albumart url
                            image.src = amendUrl;                               // set url to the image
                            image.height = 600;
                            image.className = 'image';
                            item.className = 'mmm-volumio-item';
                            item.innerHTML = '<div>' + data['artist'] + ' • ' + data['album'] +
                                             '</div>' + '<div>' + data['album'] + '</div>';//I put 'albumart' here to prove I had the url
                            wrapper.appendChild(item);                          // display artist, album and title info
                            wrapper.appendChild(image);                         // display album artwork
                            return wrapper;
                        }
                    });
                    

                    Here is my messy code, I don’t really do any coding so I was winging it.

                    1 Reply Last reply Reply Quote 0
                    • S Away
                      sdetweil @EllyJ
                      last edited by Oct 25, 2020, 12:52 AM

                      @EllyJ did u download the image to the mm server?

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        6/16
                        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