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 1.9k 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 Away
          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 Away
                    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
                    • 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