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.

    mmm-scenes2 and mmm-wallpaper

    Scheduled Pinned Locked Moved Solved Troubleshooting
    5 Posts 3 Posters 568 Views 3 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.
    • R Offline
      redbeardedninja
      last edited by

      Alright, let’s get this out right away. I’m a total noob and am trying my best, but I’m also totally at a loss here and hoping for some help.

      Here’s what I have/what I want. Currently everything is working great, except for the last little bit. What I want this to do is have one scene “info” that shows the calendars and clock and weather, then after X amount of time, that scene goes to the “photos” scene. And then the mm just acts as a photo frame. I’m using wallpaper because it allows icloud integration. The indicators currently work on my touch screen. The only thing that I would like, is the ability to touch the screen and go back to the info scene on black only. Currently it brings up the info scene, but still has the wallpaper module in the background. Does that make sense? I’m sure I cant see the forest for the trees anymore, as I’m digging into notifications, but I can’t figure out how to make that work either. Here is a copy of my config file. Please, anyone that thinks they can help, I’m open to any and all ideas. Thanks so much for any help.

       *
       * By Michael Teeuw https://michaelteeuw.nl
       * MIT Licensed.
       *
       * For more information on how you can configure this file
       * see https://docs.magicmirror.builders/configuration/introduction.html
       * and https://docs.magicmirror.builders/modules/configuration.html
       *
       * You can use environment variables using a `config.js.template` file instead of `config.js`
       * which will be converted to `config.js` while starting. For more information
       * see https://docs.magicmirror.builders/configuration/introduction.html#enviromnent-variables
       */
      let config = {
      	address: "localhost",	// Address to listen on, can be:
      							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
      							// - another specific IPv4/6 to listen on a specific interface
      							// - "0.0.0.0", "::" to listen on any interface
      							// Default, when address config is left out or empty, is "localhost"
      	port: 8080,
      	basePath: "/",			// The URL path where MagicMirror² is hosted. If you are using a Reverse proxy
      					  		// you must set the sub path here. basePath must end with a /
      	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],	// Set [] to allow all IP addresses
      															// or add a specific IPv4 of 192.168.1.5 :
      															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
      															// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
      															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
      
      	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
      	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
      	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true
      
      	language: "en",
      	locale: "en-US",
      	logLevel: ["INFO", "LOG", "WARN", "ERROR", "DEBUG"], // Add "DEBUG" for even more logging
      	timeFormat: 12,
      	units: "imperial",
      
      	modules: [
      		{
      			module: "alert",
      		},
      		{
      			module: "updatenotification",
      			position: "top_bar",
      		},
      		{
      			module: "clock",
      			position: "top_left",
      			classes: "PAGE ONE",
      			hiddenOnStartup: false,
      		},
      		{
                  		module: "calendar",
                  		header: "Dinner",
                  		position: "top_left",
                  		classes: "PAGE ONE",
      			hiddenOnStartup: false,
                  		config: {
                      		fetchInterval: 180000, // Refresh every 3 minutes (180000 milliseconds)
                      		calendars: [
                          {
                              symbol: "calendar-check",
                              url: "https://calendar.google.com/calendar/ical/XXXXbasic.ics"
                          }
                      ]
                  }
              },
      		{
                  		module: "MMM-2Day-NOAA-Forecast",
                  		position: "top_left",
                  		classes: "PAGE ONE",
      			hiddenOnStartup: false,
                  		config: {
                      		lat: XXX, 
                      		lon: XXX,
                      		units: "imperial",
                      		interval: 60000 // Every 1 minute
                  }
              },
      		{
                  		module: "calendar",
                  		header: "Family",
                  		position: "top_right",
                  		classes: "PAGE ONE",
                  		config: {
                      		fetchInterval: 180000, // Refresh every 3 minutes (180000 milliseconds)                
                      		calendars: [
                          {
                              symbol: "calendar-check",
                              url: "https://calendar.google.com/calendar/ical/XXXXbasic.ics"
                          }
                      ]
                  },
              },
      		
      		{
      			module: "MMM-Wallpaper",
                  		position: "fullscreen_below",
                  		classes: "FINAL",
      			hiddenOnStartup: "true",
      			userPresenceAction: "hide",
                  		config: {
                      		source: "icloud:XXXXX", // Source of the images (icloud, local)
                      		slideInterval: 60000,
                      		updateInterval: 300000,
                      		shuffle: true, // Shuffle images
                      		crossfade: true, // Crossfade duration in milliseconds
                      		opacity: 1, // Opacity of the images (0 to 1)
                      		transitionSpeed: 2000, // Speed of image transition (in milliseconds)
      				size: "cover" // Scale option for the images (cover, contain, fill, none)
                  			}
      		},
      
      			  
      		{
      			module: "MMM-Scenes2",
      			position: "bottom_bar",
      			config: {
      				life: 1000 * 5,
      				defaultEnter: {
      					animation: "fadeIn",
      					duration: 1500,
      					gap: 0,
      				},
      				defaultExit: {
      					animation: "fadeOut",
      					duration: 1000,
      					gap: 0,
      				},
      				scenario: [
      					{
      						name: "info",
      						life: 1000 * 10,
      						activeIndicator: ' ',
      						inactiveIndicator: ' ',
      					},
      					{
      						enter: ["PAGE ONE"],
      					},
      					
      					{
      						name: "photos",
      						exit: [ {
      							role: "PAGE ONE",
      							animation: "fadeOut",
      						} ],
      						enter: [ {
      							role: "FINAL",
      							animation: "fadeIn",
      							duration: 2000,
      							gap: 200,
      						} ],
      						life: 0, // Loop end here.
      						activeIndicator: ' ',
      					
      					}
      				],
      			}
      		},
      	]
      };
      
      /*************** DO NOT EDIT THE LINE BELOW ***************/
      if (typeof module !== "undefined") {module.exports = config;}
      
      code_text
      
      S M 2 Replies Last reply Reply Quote 0
      • S Away
        sdetweil @redbeardedninja
        last edited by sdetweil

        @redbeardedninja said in mmm-scenes2 and mmm-wallpaper:

          classes: "PAGE ONE",
        

        I would make this without spaces… PAGE_ONE

        because classes is a space separated list of class names… so this is

        PAGE
        and
        ONE

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        R 1 Reply Last reply Reply Quote 0
        • R Offline
          redbeardedninja @sdetweil
          last edited by

          @sdetweil thanks for this. i made those adjustments, but it still brings up the same issue of page one showing up over the wallpaper module when i touch the monitor. I really think I’m looking for something like, when I touch the monitor (on the scenes indicator) it goes back to page one in total. doesn’t just bring up page one over the current scene.

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

            @redbeardedninja
            You have 3 scenes - [“info”, “unnamed”, “photos”].
            However, “info” scene has no exit order, so all modules in the previous scene will remain as they were.
            I think you need to describe enter and exit, which modules should act in the target scene.

            R 1 Reply Last reply Reply Quote 0
            • R Offline
              redbeardedninja @MMRIZE
              last edited by

              @MMRIZE thanks for this. that seemed to work.

              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