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

MMM-Instagram - Pull and animate photos from Instagram feed

Scheduled Pinned Locked Moved Utilities
87 Posts 26 Posters 95.3k Views 27 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.
  • K Offline
    kapsolas Module Developer
    last edited by Oct 28, 2016, 9:03 PM

    The file you will want to start to modify is:MMM-Instagram.js
    This is where the magic happens. The other file node_helper.js is used to handle the “packaging” of the information that the module uses to render the images. It is that file that reaches out to instagram and retrieves the images.

    In MMM-Instagram.js, you will find a method getDOM. This is where the module is rendering the image by modifying the DOM of the page. It is creating a new DIV and setting up an tag.

    I believe, you can start from here.

    Thanks!

    1 Reply Last reply Reply Quote 1
    • J Offline
      Jeff @yo-less
      last edited by Nov 26, 2016, 1:13 AM

      @yo-less
      Thanks for your work, but you had a spelling and ; mistakes on the github upload.
      e.g.: imageWrapper.src = tempimpage.photolink;

      I got rid of them.
      https://github.com/jeffjoe/MMM-Instagram

      1 Reply Last reply Reply Quote 0
      • L Offline
        lucallmon
        last edited by Jan 28, 2017, 10:28 AM

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • B Offline
          BonkingElephant
          last edited by BonkingElephant Feb 3, 2017, 3:17 PM Feb 3, 2017, 3:03 PM

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • Y Offline
            Yurick
            last edited by Feb 16, 2017, 1:02 PM

            Hi, this is really nice module, the only problem is it doesn’t update photos from instagram. I managed to make it work properly using setInterval for grabPhotos function AND storing url in a new variable which I used in sendSocketNotification (this.url somehow works only at the first iteraction, then it overwrited by something). Since I could not find the real problem, my code looks ugly but still works. Now it takes couple minutes to display a just taken picture on a mirror.

            1 Reply Last reply Reply Quote 0
            • S Offline
              schnibel
              last edited by Feb 27, 2017, 5:41 PM

              Hi all,
              Just a message to share what I did.
              I tried to find out why I wasn’t able to display my images using different MMM-Instagram modules (I tried with @kapsolas ’ initial module and yo-less’ and jeffjoe’s forks).
              It took me a lot of time to understand it wasn’t compatible with MMM-ProfileSwitcher module (https://github.com/tosti007/MMM-ProfileSwitcher)

              If ever you have the same problem, here is a workaround (done from the last JeffJoe’s fork - https://github.com/jeffjoe/MMM-Instagram, but also works with @kapsolas’ one)
              So, in MMM-Instagram.js, you just have to comment the line :

              this.info.classes = 'bright medium';
              -->
              //this.info.classes = 'bright medium';
              

              Indeed, it is overwriting a variable that is also used in MMM-ProfileSwitcher. (See in GitHub ProfileSwitcher description, just before the section “Current Supported Languages”. I know it’s not exactly the same thing, but the idea is the same)
              I’m not going to create a new fork for this, so guys, I let you manage this.

              BTW, yo-less’ fork is still bugged… there is a tempimpage variable instead of temp image
              Thanks for the module

              1 Reply Last reply Reply Quote 0
              • Z Offline
                zeular
                last edited by Apr 25, 2017, 12:53 PM

                Hi, I would like to get pictures from two APIs in same module. Is it possible?

                1 Reply Last reply Reply Quote 0
                • K Offline
                  kapsolas Module Developer
                  last edited by Apr 25, 2017, 1:14 PM

                  The current setup of the module does not allow for pulling from multiple locations (API)

                  1 Reply Last reply Reply Quote 0
                  • Z Offline
                    zeular
                    last edited by Apr 25, 2017, 1:19 PM

                    Okay, but is it possible? Anything you could implement? I would like to be able to get in family photos in chronological order. :)

                    K 1 Reply Last reply Apr 25, 2017, 1:25 PM Reply Quote 0
                    • K Offline
                      kapsolas Module Developer @zeular
                      last edited by Apr 25, 2017, 1:25 PM

                      @zeular I suppose that this could be implemented. The module could be updated to make multiple requests to various sources.

                      Given my current availability, this would not be something I can do in the near future.

                      Z 1 Reply Last reply Apr 25, 2017, 4:41 PM Reply Quote 0
                      • 1
                      • 2
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 7 / 9
                      • 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