Check out my module to pull images from a users Instagram Feed. An API_KEY is required to set this up.
The images will be pulled will animate and rotate on the mirror.

The link for it is http://bit.ly/MMM-Instagram

Thanks!

Just an FYI - You do not want to just post your config to the world.

That access token can allow someone to impersonate you now! The config.js contains confidential information for accessing the services our mirrors are using. Refrain from publishing it to the world with out redacting the app ids.

Awesome! Happy to see that this was created as a module.

In your screenshot you have a full screen image, what is the configuration for this? I imagine we would want that div to be behind all the other divs to use the image as a background and the other modules to be displayed over it.

Thanks!

Description:

Check out my module to pull images from a public flickr Feed. Since the feed is the based on the public RSS feed, it will only pull the 20 most recent images - this does not require an API_KEY.

The images will then animate and rotate on the mirror.

Download:

[card:kapsolas/MMM-Flickr]

Initial Version

What are you guys seeing in the console log? If you are not anything… then I will have to send you a version of the module with debug comments in it to see where the issue is.

FYI - I had a similar issue with the Module for Traffic and never solved it. It just sat on Loading…

Awesome! Glad to hear we got it all set up! Enjoy the module!

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!

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

If you don’t see any response, it may be because an error is being returned by Google. Errors in the script are suppressed now.

If you are familiar with updating the code, you can add a console.log(body) message to see the error.

Awesome! That worked and solved it!

I’ll need to pay around a bit with the sizes in the config (hopefully not the code) to see if I can get the images to display in the screen fully.

For now the images are being cropped as they are larger than the display area on the screen.

Again thank you!

Correct.

The setup is as follows:

1. I created a shared album
2. Invited my wife to it
3. I uploaded photos
4. My wife uploaded photos

When I tried to set up the plugin, I discovered it was failing. I modified the code to print the body to the console and saw the message from the Google Photos API.

The response is:

error:
{ code: 400,
message: ‘The media item is not in the user's library. It was contributed by another user to a shared album that this user joined to.’
status: ’ INVALID_ARGUMENT’ }
}

If we could get this to work, it would be a nice way to use GooglePhotos act like an online digital photo frame. Anyone with access to the shared album can upload photos.

@sean Thanks!

Another question… If i have an album which I’ve shared, images from that party are not showing up.

Actually, after adding some debugging in the node_helper file, the body (freehanded the response as I don’t have the exact body handy) from the API

Status code: 400
Message: “The media item is not in the user’s library it was contributed by another user to…”

Basically, their was an unhandled exception being thrown where your case statement is for: time, reverse, random.

Any idea how to configure the album to allow the API to pull all images regardless of who uploaded them?

Awesome! Happy to see that this was created as a module.

In your screenshot you have a full screen image, what is the configuration for this? I imagine we would want that div to be behind all the other divs to use the image as a background and the other modules to be displayed over it.

Thanks!

The module was not loading new images. I was thinking to fix that and I have a solution i am testing.

Sounds like @Yurick has a solution for this too. If he pm’s it i can test it and incorporate into the code

@rudibarani Hi - There currently is no intelligence on the images selected. It just processes the list that is returned by the API and starts to randomly display them.

What you are asking for would need to be coded.

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

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

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