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 114.7k 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.
    • P Offline
      Paninpyos
      last edited by

      Oh, Instagram. How to get all these followers? Sure, I can use services of zen-promo com to find people who are interested in my arts. But may be you can suggest anything?

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

        Just go with the flow, you pick them up, some have their accounts private (i did to stop prying eyes at my life) but since just opened, and tbf its mainly likes and comments, etc, it wastes time that’s all… don’t take seriously (father does with his sunset photos ha ha)…

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

          More importantly * at all

          Has anyone played with the css ? how advanced is this module? What’ts it coded in ? Function and Design ?

          CSS for sure but the rest not looked under the hood, but if anyone can answer i’ll have my in-house dev team do the following for me and share here the source

          Generic feed (swipe left / right) through feed (20)

          0_1477676362271_Instagram Feed General.jpg

          and popup-view of chosen image.
          (/uploads/files/1477676198837-instagram-feed-general-resized.jpg)0_1477676379169_Instagram Popup.jpg

          Simple enough to get done quickly, once i know what it’s made off, and without having to battle the module code or Magic Mirror core code.

          Many thanks and look forward to some answers.

          1 Reply Last reply Reply Quote 0
          • K Offline
            kapsolas Module Developer
            last edited by

            The module is coded in javascript. I started to use some CSS, but did not spend much time on it.

            I focused on just pulling the image and flipping them them on a timer .This was the goal of my project and I met it.

            If you want to enhance it, then I am sure you can. I would start by looking at the method that displays the image. This is all done using DOM.

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

              @kapsolas said in MMM-Instagram - Pull and animate photos from Instagram feed:

              The module is coded in javascript. I started to use some CSS, but did not spend much time on it.

              I focused on just pulling the image and flipping them them on a timer .This was the goal of my project and I met it.

              If you want to enhance it, then I am sure you can. I would start by looking at the method that displays the image. This is all done using DOM.

              Hi there @kapsolas (not faulting the module at all in the slightest, just trying to get bearing’s (love the module btw), thank’s on the head’s up, Q any particular files that should pay attention too?
              Once again thanks.

              1 Reply Last reply Reply Quote 0
              • K Offline
                kapsolas Module Developer
                last edited by

                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

                  @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
                  • lucallmonL Offline
                    lucallmon
                    last edited by

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • B Offline
                      BonkingElephant
                      last edited by BonkingElephant

                      This post is deleted!
                      1 Reply Last reply Reply Quote 0
                      • Y Offline
                        Yurick
                        last edited by

                        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

                          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
                          • zeularZ Offline
                            zeular
                            last edited by

                            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

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

                              1 Reply Last reply Reply Quote 0
                              • zeularZ Offline
                                zeular
                                last edited by

                                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 Reply Quote 0
                                • K Offline
                                  kapsolas Module Developer @zeular
                                  last edited by

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

                                  zeularZ 1 Reply Last reply Reply Quote 0
                                  • zeularZ Offline
                                    zeular @kapsolas
                                    last edited by

                                    @kapsolas I understand, but if you had time over, I would be grateful.
                                    Thank’s anyway, for taking your time and reply.

                                    1 Reply Last reply Reply Quote 0
                                    • K Offline
                                      kapsolas Module Developer
                                      last edited by

                                      @zeular You are welcome!
                                      And to be clear, when you say pull from different API, you mean different services? Like Flickr, Instagram, etc?

                                      zeularZ 1 Reply Last reply Reply Quote 0
                                      • zeularZ Offline
                                        zeular @kapsolas
                                        last edited by

                                        @kapsolas No, I meant two different instagram accounts …

                                        1 Reply Last reply Reply Quote 0
                                        • G Offline
                                          Garrett
                                          last edited by

                                          @kapsolas Forgive me if i’m wrong, (New Here) when you mean pulling images from your own feed, that means the images are loading from your own account correct? Anyway to pull from others users accounts? I know it states that in your Readme yet i’ve found no instructions on how that works. Basically I want it it load the “home feed” where other users posts you follow show up in. Any light in this area would be much appreciated! Thanks.

                                          K 1 Reply Last reply Reply Quote 1
                                          • K Offline
                                            kapsolas Module Developer @Garrett
                                            last edited by

                                            @Garrett Not sure if this is actually possible, but may be.
                                            I would need to review the instragram API.
                                            Currently, i was just interested in viewing my own photos when I wrote the module. it was more to meet my needs and then I shared it.

                                            When I have some time, i’ll try to implement some of the requests folks have had.

                                            zeularZ rudibaraniR 2 Replies Last reply Reply Quote 1

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 3 / 5
                                            • 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