• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.
  • C Offline
    Cliff365
    last edited by Dec 5, 2023, 4:12 AM

    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 Dec 5, 2023, 12:05 PM Reply Quote 0
    • J Offline
      JeffreyDaro
      last edited by JeffreyDaro Dec 6, 2023, 5:36 PM Dec 6, 2023, 5:35 PM

      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;
      
      C 1 Reply Last reply Dec 20, 2023, 9:48 PM Reply Quote 1
      • S Away
        sdetweil @Cliff365
        last edited by sdetweil Dec 5, 2023, 2:59 PM Dec 5, 2023, 12:05 PM

        @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

        C 1 Reply Last reply Dec 5, 2023, 10:46 PM Reply Quote 0
        • M Offline
          MMRIZE @Cliff365
          last edited by Dec 5, 2023, 2:38 PM

          @Cliff365 MMM-GooglePhotos

          1 Reply Last reply Reply Quote 1
          • C Offline
            Cliff365 @sdetweil
            last edited by Dec 5, 2023, 10:46 PM

            @sdetweil Thanks!

            1 Reply Last reply Reply Quote 0
            • J Offline
              JeffreyDaro
              last edited by JeffreyDaro Dec 6, 2023, 5:36 PM Dec 6, 2023, 5:35 PM

              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;
              
              C 1 Reply Last reply Dec 20, 2023, 9:48 PM Reply Quote 1
              • C Offline
                Cliff365 @JeffreyDaro
                last edited by Dec 20, 2023, 9:48 PM

                @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 Dec 20, 2023, 11:56 PM Reply Quote 0
                • S Away
                  sdetweil @Cliff365
                  last edited by Dec 20, 2023, 11:56 PM

                  @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