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-SimpleBGSlideshow (yet another background slideshow module)

    Scheduled Pinned Locked Moved Utilities
    28 Posts 5 Posters 13.5k Views 6 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
      rs
      last edited by

      now that i have it working I have one more question:

      while the mirror runs, the content of the images folder changes from time to time; looking at the console output, the module capture the changes in the files, for example, adding and removing files from the images folder:

      [23.09.2021 12:20.44.712] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow: + 1 images 
      [23.09.2021 12:20.54.765] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow: + 1 images 
      [23.09.2021 12:20.56.258] [ERROR] ENOENT: no such file or directory, stat 'modules/MMM-SimpleBGSlideshow/images/black.jpg'
      [23.09.2021 12:20.56.761] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow:  - 1 images
      [23.09.2021 12:21.05.666] [ERROR] ENOENT: no such file or directory, stat 'modules/MMM-SimpleBGSlideshow/images/MirrorMsg.png'
      [23.09.2021 12:21.06.169] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow:  - 1 images
      [23.09.2021 12:21.08.725] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow: + 1 images 
      [23.09.2021 12:21.34.396] [ERROR] ENOENT: no such file or directory, stat 'modules/MMM-SimpleBGSlideshow/images/MirrorMsg.png'
      [23.09.2021 12:21.34.900] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow:  - 1 images
      [23.09.2021 12:21.45.058] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow: + 1 images 
      [23.09.2021 12:22.09.272] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow: + 1 images 
      [23.09.2021 12:22.28.684] [ERROR] ENOENT: no such file or directory, stat 'modules/MMM-SimpleBGSlideshow/images/MirrorMsg.png'
      [23.09.2021 12:22.29.191] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow:  - 1 images
      [23.09.2021 12:22.31.327] [ERROR] ENOENT: no such file or directory, stat 'modules/MMM-SimpleBGSlideshow/images/MirrorMsg2.png'
      [23.09.2021 12:22.31.828] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow:  - 1 images
      [23.09.2021 12:22.35.920] [INFO]  BGSS Sending update to 4690_module_0_MMM-SimpleBGSlideshow: + 1 images
      

      However, the image shown on the mirror doesn’t change and stays the same (slideshowSpeed: 5000); is there a way to force the module to refresh itself without stopping the mirror?

      Thx again!

      S R 2 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @rs
        last edited by

        @rs hm… the enoent means file not found

        and it doesn’t use the full path… weird…

        I don’t use that module myself.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @sdetweil said in MMM-SimpleBGSlideshow (yet another background slideshow module):

          @rs hm… the enoent means file not found

          and it doesn’t use the full path… weird…

          I don’t use that module myself.

          it is what it is then :)
          Thx anyways!

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

            @rs I use this one,

            https://github.com/sdetweil/MMM-ImagesPhotos

            modified from original

            I don’t like my photos stretched etc…

            also has color or blur fill around pic

            uses only ONE source, ‘uploads’ folder in the module folder… I just symlink to another (my mounted server share) using the ln command

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            R R 2 Replies Last reply Reply Quote 0
            • R Offline
              rs @sdetweil
              last edited by

              @sdetweil, agree, this is the one i finally use, it updates the shown photos when the folder content changes, good enough for my current needs!

              Cheers,
              RS

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

                @rs i also have a module that shows a qr code and lets users upload pics from their phone (to the images location)…

                see
                https://github.com/sdetweil/uploadPics

                Sam

                How to add modules

                learning how to use browser developers window for css changes

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

                  @sdetweil I’ve just tried out this module and the Readme on your github needs editing to point the installation link (git clone) to your one, rather than the original Github link :) Also, could you update the example in the Readme to detail exactly how to correctly size images? e.g.

                  For percentage:

                  maxWidth:"50%",
                  

                  or for pixel dimensions:

                  maxWidth:"50",
                  

                  For novices like myself, it isn’t very clear :)

                  I can’t for the life of me get the module to respect the sizes that I specify, it’s always too big, goes off the screen and isn’t central (despite me not changing the default position)

                  {
                  	module: "MMM-ImagesPhotos",
                  	position: "middle_center",
                  	config: {
                  		opacity: 0.9,
                  		animationSpeed: 500,
                  		updateInterval: 11000,
                  		maxWidth:"50%",
                  		maxHeight:"70%",
                  		backgroundColor: 'grey',  // not used if fill is true
                  		fill: true,   // fill around image with blurred copy of image
                  		blur: 10,   // only used if fill is true
                  	}
                  },
                  
                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @robertybob
                    last edited by sdetweil

                    @robertybob sorry, don’t know about sizes… I use it as full screen background

                    if u are looking at my repo, then u would clone from my repo.

                    generally when u fork a repo, its to contribute changes back, so, the original readme content should be unchanged, except for new parms.

                    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
                      robertybob @sdetweil
                      last edited by robertybob

                      @sdetweil Ah ok, no worries. On your mirror, do you use the position ‘fullscreen_above’ rather than the default of ‘middle_center’ ?

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

                        @robertybob not above, below (behind all others)

                        {
                        	module: "MMM-ImagesPhotos",
                        	position: "fullscreen_below",
                        	config: {
                        		opacity: 0.9,
                        		animationSpeed: 0,
                        		updateInterval: 1* 60 * 1000,
                        		backgroundColor: 'grey',  // not used if fill is true
                        		fill: true,   // fill around image with blurred copy of image
                        		blur: 10,   // only used if fill is true
                        		path: "/pics",  // inside uploads
                        	}
                        },
                        

                        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
                          robertybob @sdetweil
                          last edited by

                          @sdetweil Thank you. I can’t get the module working with MMM-Pages.

                          This config doesn’t show any images:

                          {
                          module: ‘MMM-pages’,
                          config: {
                          modules: [

                          				["clock", "MMM-Tools", "MMM-WiFiPassword",
                          					"MMM-Fantasy-Premier-League",
                          					//"MMM-ImagesPhotos",
                          					"MMM-pihole-stats",
                          					//	"MMM-TweetsByTimelineOrList", 
                          					"MMM-CyanideHappiness",
                          					"uploadPics"
                          				],
                          			
                          			["clock", "MMM-Tools", "MMM-WiFiPassword",
                          					"MMM-Fantasy-Premier-League",
                          					"MMM-ImagesPhotos",
                          					"MMM-pihole-stats",
                          					//	"MMM-TweetsByTimelineOrList", 
                          					"MMM-CyanideHappiness",
                          					"uploadPics"
                          				],
                          			],
                          			//last page ^
                          			fixed: [],
                          			rotationTime: 2500,
                          		}
                          	},
                          

                          but this does:

                          	{
                          		module: 'MMM-pages',
                          		config: {
                          			modules: [
                          			
                          				["clock", "MMM-Tools", "MMM-WiFiPassword",
                          					"MMM-Fantasy-Premier-League",
                          					"MMM-ImagesPhotos",
                          					"MMM-pihole-stats",
                          					//	"MMM-TweetsByTimelineOrList", 
                          					"MMM-CyanideHappiness",
                          					"uploadPics"
                          				],
                          			
                          			["clock", "MMM-Tools", "MMM-WiFiPassword",
                          					"MMM-Fantasy-Premier-League",
                          					"MMM-ImagesPhotos",
                          					"MMM-pihole-stats",
                          					//	"MMM-TweetsByTimelineOrList", 
                          					"MMM-CyanideHappiness",
                          					"uploadPics"
                          				],
                          			],
                          			//last page ^
                          			fixed: [],
                          			rotationTime: 2500,
                          		}
                          	},
                          

                          and as you can see, all I am doing is commenting out the module on the first page. I want to be able to have one page where the photos aren’t displayed as it’s very hard to read the other modules…but it seems the module doesn’t allow that?

                          How can I help you figure out what is going on so that this can be corrected ?

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

                            @robertybob pages hides or shows modules… (A page being shown sends resume calls to each module and suspend calls to all others)

                            usually when you use pages and want to HIDE something on one and SHOW the same on another, you have to have TWO instances in config.js

                            looking at the code (not my module) it doesn’t support two independent instances,
                            so you have to do the copy/rename/ approach.

                            copy the module folder to some other name
                            rename the modulename.js to the new foldername.js

                            edit the newly renamed file and change the register statement to use the new module/folder name

                            all three places MUST match exactly
                            and u need to rename the css file AND edit the getStyles to the new name.

                            then u can use a new module: instance in config.js and have one on one page and another on another page.

                            the module supports suspend and resume (hide/show) , so that will be ok i think…

                            again, its not my module… i just happened on it when I started with MM (2017) and didn’t want my images aspect ratio changed…

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • M Offline
                              MagicInMe
                              last edited by

                              Hey there, sorry I didn’t get back to you on your question. I’m glad you found a module that works for you! After the frosty reception I received on my initial post I kinda forgot about it all and figured I wouldn’t get much traction on the module to justify making it more user-friendly. If anyone else needs help, you can use github issues.

                              W 1 Reply Last reply Reply Quote 0
                              • W Offline
                                wyovino @MagicInMe
                                last edited by

                                I’m running this on a Pi Zero 2W. At first it kept freezing because some of my images were way too big. After I resized all of my images to 800 x 600 it’s going great.

                                W 1 Reply Last reply Reply Quote 1
                                • W Offline
                                  wyovino @wyovino
                                  last edited by

                                  Update: 1024 x 768 works well too on the Pi Zero 2W

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