MMM-SimpleBGSlideshow (yet another background slideshow module)

sdetweil

@magicinme do npm install --save in your module folder for those dependencies.

then let npm install for your module figure out where to resolve them

u might depend on the mm expess server INSTANCE but not the code to talk to that instance

MagicInMe

@sdetweil what’s the purpose of installing core node features as a module? Looking at npm path it says "This is an exact copy of the NodeJS ’path’ module published to the NPM registry. "

Good point on express, I had thought I was just calling the express object but I do use express.static

sdetweil

@magicinme you may not ‘install’ it, as npm will resolve , but you document that you USE it, SO, if things change, you stuff still works…

I don’t know where stuff is packaged, and don’t want to know

MagicInMe

@sdetweil perhaps this is why https://www.npmjs.com/package/fs gets a million downloads a week even though it does nothing. I believe including core modules in package.json presents an unnecessary security risk (i.e., npm path is controlled by an individual). Unless there’s a way to include a package in package.json as a comment?

sdetweil

@magicinme no comments in json.

whatever… I have given everything I know and my advice on helping insure users don’t encounter problems.

the high download counts are from build systems recreating the env from scratch…

not users

robertybob

Does this module stretch images to fit the mirror? The original module had two different options for this, if I recall correctly

MagicInMe

@robertybob I currently have it so that it uses the css “cover” attribute which stretches to fill. Is that what you want?

rs

Hi MagicInMe,

Thank you for sharing your work!

I’ve installed MMM-SimpleBGSlideshow but for some reason the background stays black, I double-checked the images in the correct folder and i use the full path in the config as well:

{
			module: 'MMM-SimpleBGSlideshow',
			position: 'fullscreen_below',
			config: {
				imagePaths: ['/home/pi/MagicMirror/modules/MMM-SimpleBGSlideshow/images'],
				slideshowSpeed: 15000,
				randomizeImageOrder: false,
			}
		},

alt text

but… no joy…

I clearly missing something basic here :)

I appreciate any thought!
Best,
Ram

sdetweil

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

MMM-SimpleBGSlideshow

the code says

imagePaths: [], // resolves relative to MM root. So ‘images’ => ~/MagicMirror/images

so, you cannot use the full absolute path

the folder MUST be in the MM folder tree…
like this, in your case

modules/MMM-SimpleBGSlideshow/images'

you could use a linked folder to access outside the MM folder tree
(I do this for my server shared images path for the MMM-ImagesPhotos module)

see the ln command

rs

@sdetweil, many thanks for pointing me to the right direction, the working path was:

modules/MMM-SimpleBGSlideshow/images/

Thanks again!
Cheers,
RS

rs

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!

sdetweil

@rs hm… the enoent means file not found

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

I don’t use that module myself.

rs

@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!

sdetweil

@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

rs

@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

sdetweil

@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

robertybob

@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
	}
},

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.

robertybob

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

sdetweil

@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
	}
},