Have you made any progress?
Would be great

Any update on this?

@wscheer

Thanks for your quick reply.
Can you just tell me how to enter the “standalone” mode?
thanks

Take this one :)
https://github.com/jeffjoe/MMM-Instagram

Or just change in the config.js:

{
    module: 'MMM-Instagram',
    position: 'top_right',
    config: {
        access_token: '......',
        count: 200,  
        min_timestamp: 0,
        animationSpeed: 5500,
        updateInterval: 12500,
        instaMaxWidth: '20%', // Optional parameter, can be relative (percentage) or absolute (px)
        instaMaxHeight: '' // Optional parameter, can be absolute only (px)
    }
},

and in the MMM-instagram.js use this

// set the first item in the list...
        if (this.activeItem >= this.images.photo.length) {
            this.activeItem = 0;
        }
        
        var tempimage = this.images.photo[this.activeItem];
        
        // image       
	//imageLink.innerHTML = "<img src='https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png'>";
        

        var imageWrapper = document.createElement("img");
	    imageWrapper.src = tempimage.photolink;
	    imageWrapper.id = "MMM-Instagram-image";
	    imageWrapper.style.maxWidth = this.config.instaMaxWidth;
	    imageWrapper.style.maxHeight = this.config.instaMaxHeight;
	    imageDisplay.appendChild(imageWrapper);
        

	wrapper.appendChild(imageDisplay);
       
        return wrapper;
    },

and for using the css file use:

#MMM-Instagram-image {
    }

e.g.:

#MMM-Instagram-image {
    -webkit-filter: invert(1);
    filter: invert(1);
}

@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

@fragator
I thought that would be a quick thing ;)
But I can’t find the right parameters neigther…

I was looking at

 getStyles: function() {
        return ['instagram.css', 'font-awesome.css'];

but can’t find font-awesome.css. Maybe just a file the creator forgot to delete.

The pictures are smaller in the mirror, than they are on instagram.
So there must be a parameter somewhere.

I’ll keep searching for them or try to add some.

We should go to the original thread for this modul:
https://forum.magicmirror.builders/topic/396/mmm-instagram-pull-and-animate-photos-from-instagram-feed

@wscheer
Is this modul still working?

I did everthing you explained:

in my config.js:

{
                      module: 'maproute',
                      position: 'middle_center',
                      
                },

And /var/www/html/MagicMirror/modules/maproute/maproute.js is the code from above.

I’ve created an API for Bing maps.

But if I run MM I just see a small image. Like the right picture could not be found.
And if I look to the report om bing how often my API was used, it counts 0.

Where is the mistake?

Thanks

@bhepler said in How to implement specific module?:

@Jeff Installing new modules is a pretty easy process. In general, it goes like this:

• Navigate to the modules directory at ~/MagicMirror/modules
• Download the module code using git: git clone [url]
• Run any commands that the module requires. This will vary by module
• Update the config.js file to configure the new module. There should be an example in the module readme. sudo nano ~/MagicMirror/config/config.js
• Restart your mirror so the new configuration will be implemented. npm restart

Do I also have to run npm update everytime auf git clone?
Or does that belong to point 3?

Is it possible to get the moduls html running with the iframe modul?
https://github.com/desertblade/iFrame

Is it important that it’s flickr?
I’m using my picture frame with instagram. I created a new instagram acc, registered as a dev and received the API.
The new instagram account is made private, so it’s just possible for me to see the pictures.
Works perfect!
I used this this modul:
https://github.com/kapsolas/MMM-Instagram