• 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.

mmm-scenes2 and mmm-wallpaper

Scheduled Pinned Locked Moved Solved Troubleshooting
5 Posts 3 Posters 603 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 Mar 12, 2024, 4:12 PM

    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 Mar 12, 2024, 4:14 PM Reply Quote 0
    • S Offline
      sdetweil @redbeardedninja
      last edited by sdetweil Mar 12, 2024, 4:15 PM Mar 12, 2024, 4:14 PM

      @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 Mar 12, 2024, 4:39 PM Reply Quote 0
      • R Offline
        redbeardedninja @sdetweil
        last edited by Mar 12, 2024, 4:39 PM

        @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 Mar 13, 2024, 7:46 AM Mar 13, 2024, 7:46 AM

          @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 Mar 13, 2024, 11:29 PM Reply Quote 0
          • R Offline
            redbeardedninja @MMRIZE
            last edited by Mar 13, 2024, 11:29 PM

            @MMRIZE thanks for this. that seemed to work.

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            1 / 1
            • First post
              4/5
              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