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.

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

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!

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.

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! Glad to hear we got it all set up! Enjoy the module!

@wjdw87 Based on the code you have provided above, it looks correct. It does not have the tempimpage anywhere.

I did not ask you to delete any code, but somehow the code you were running had tempimage misspelled to tempimpage.

The messages you are showing in the screenshot, are from the core system, but does show that the instagram feed module is running. So there is something else.

To confirm:

1. You cloned the module from github
2. You generated a token for instragram
3. Configured the config.js file, configuration for the module appropriately

Hmm. that tempimpage variable is not found in my code.

Did you modify the code at all? The code should look as below. In the error message it shows tempimpage which is not a valid variable. This would cause the script to not work.

   var tempimage = this.images.photo[this.activeItem];
    
    // image
    var imageLink = document.createElement('div');
    imageLink.id = "MMM-Instagram-image";
    imageLink.innerHTML = "<img src='" + tempimage.photolink + "'>";
    
    imageDisplay.appendChild(imageLink);
    wrapper.appendChild(imageDisplay);

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…

The config looks good.

PhilReis - were you ever able to get this resolved?

I just started up my mirror again and the instagram module loaded up correctly.

Are you use that you have configured the token correctly?

Additionally, install a tool like firebug on your browser and try to access the mirror using the browser. Then enable firebug. It will have error messages or plugin messages written to the console.

If the plugin gets images and starts to display them, you will get console entries such as: incrementing the activeItem and refreshing