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.

    Using Google Photos as background

    Scheduled Pinned Locked Moved Solved Requests
    7 Posts 4 Posters 3.1k Views 4 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.
    • Cliff365C Offline
      Cliff365
      last edited by

      Is it possible to have a Google Photos album as a background image for MM? Something similar to MMM-Wallpaper but using a Google Photos Album.

      S M 2 Replies Last reply Reply Quote 0
      • J Offline
        JeffreyDaro
        last edited by JeffreyDaro

        I am using MMM-GooglePhotos. You can see some screen shots of my MM with the photos as a background here, https://forum.magicmirror.builders/topic/18217/my-first-attempt?_=1701883849212.

        And here is my config for that module:

                {
                    module: "MMM-GooglePhotos",
                    position: "fullscreen_below",
                    config: {
                        albums: ["Magic Mirror", "Instagram", "Keepers"], 
                        updateInterval: 1000 * 60 * 10,
                        scanInterval: 1000 * 60 * 10,
                        sort: "random",
                        uploadAlbum: null,		
                        condition: {
                            fromDate: null, 	// Or "2018-03", RFC ... format available
                            toDate: null, 		// Or "2019-12-25"
                            minWidth: null, 	// Or 400
                            maxWidth: null, 	// Or 8000
                            minHeight: null, 	// Or 400
                            maxHeight: null, 	// Or 8000
                            minWHRatio: null,
                            maxWHRatio: null
                            //  WHRatio:1			
                        },
                        // showWidth: 200,		
                        // showHeight: 800,
                        timeFormat: "YYYY/MM/DD HH:mm", // Or `relative` can be used.
                    }
                },
        

        And some custom CSS:

        #GPHOTO_INFO { display: none; }
        
        #GPHOTO_CURRENT {
        	background-size: cover;
        	position:absolute;
        	bottom:0;
        
        Cliff365C 1 Reply Last reply Reply Quote 1
        • S Offline
          sdetweil @Cliff365
          last edited by sdetweil

          @Cliff365 sure, set position:“fullscreen_below”

          sorry, brain fart, I ‘assumed’ you had found the module
          1st pass, look at https://github.com/MichMich/MagicMirror/wiki/3rd-party-modules

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          Cliff365C 1 Reply Last reply Reply Quote 0
          • M Offline
            MMRIZE @Cliff365
            last edited by

            @Cliff365 MMM-GooglePhotos

            1 Reply Last reply Reply Quote 1
            • Cliff365C Offline
              Cliff365 @sdetweil
              last edited by

              @sdetweil Thanks!

              1 Reply Last reply Reply Quote 0
              • J Offline
                JeffreyDaro
                last edited by JeffreyDaro

                I am using MMM-GooglePhotos. You can see some screen shots of my MM with the photos as a background here, https://forum.magicmirror.builders/topic/18217/my-first-attempt?_=1701883849212.

                And here is my config for that module:

                        {
                            module: "MMM-GooglePhotos",
                            position: "fullscreen_below",
                            config: {
                                albums: ["Magic Mirror", "Instagram", "Keepers"], 
                                updateInterval: 1000 * 60 * 10,
                                scanInterval: 1000 * 60 * 10,
                                sort: "random",
                                uploadAlbum: null,		
                                condition: {
                                    fromDate: null, 	// Or "2018-03", RFC ... format available
                                    toDate: null, 		// Or "2019-12-25"
                                    minWidth: null, 	// Or 400
                                    maxWidth: null, 	// Or 8000
                                    minHeight: null, 	// Or 400
                                    maxHeight: null, 	// Or 8000
                                    minWHRatio: null,
                                    maxWHRatio: null
                                    //  WHRatio:1			
                                },
                                // showWidth: 200,		
                                // showHeight: 800,
                                timeFormat: "YYYY/MM/DD HH:mm", // Or `relative` can be used.
                            }
                        },
                

                And some custom CSS:

                #GPHOTO_INFO { display: none; }
                
                #GPHOTO_CURRENT {
                	background-size: cover;
                	position:absolute;
                	bottom:0;
                
                Cliff365C 1 Reply Last reply Reply Quote 1
                • Cliff365C Offline
                  Cliff365 @JeffreyDaro
                  last edited by

                  @JeffreyDaro My problem is getting registered for api access. Documentation doesn’t match up with what’s on the screen. Thanks for sharing your config though, very helpful!

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @Cliff365
                    last edited by

                    @Cliff365 yes the service providers are constantly fiddling w their services

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0

                    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 / 1
                    • 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