roramirez / mmm-imagesphotos Goto Github PK

View Code? Open in Web Editor NEW

44.0 5.0 17.0 3.1 MB

Show images and photos in your MagicMirror

License: MIT License

JavaScript 97.33% CSS 2.67%

magicmirror modules images photos photoframe utils family

mmm-imagesphotos's Introduction

MMM-ImagesPhotos

This is a module for the MagicMirror². It will show photos from a directory.

This module reads the images from the uploads directory inside the module. Directory: ~/MagicMirror/modules/MMM-ImagesPhotos/uploads

Installation

Clone this repository inside your MagicMirror's modules folder

cd ~/MagicMirror/modules
git clone https://github.com/sdetweil/MMM-ImagesPhotos
cd MMM-ImagesPhotos
npm install

How it looks

Config

The entry in config.js can include the following options:

Option	Description
`opacity`	The opacity of the image. Type: `double` Default 0.9
`animationSpeed`	How long the fade out and fade in of photos should take. Type: `int` Default 500
`updateInterval`	How long before loading a new image. Type: `int`(milliseconds) Default 5000 milliseconds
`getInterval`	Interval value to get new images from directory. Type: `int`(milliseconds) Default 60000 milliseconds
`sequential`	true or false, whether to process the images randomly(default) or sequentially Default false
only when position is `NOT` fullscreen_below or fullscreen_above
`maxWidth`	Value for maximum width. Optional, possible values: absolute (e.g. "700px") or relative ("50%") Default 100%
`maxHeight`	Value for maximum height. Optional, possible values: absolute (e.g. "400px") or relative ("70%") Default 100%
only when position `IS` fullscreen_below or fullscreen_above
`backgroundColor`	Value for color used to fill around the image if not fullscreen, can be #xxyyzz, like #808080 (grey), if fill is true, the backgroundColor setting is ignored Default 'black'
`fill`	true or false, instead of color use a blurred copy of the image to fill around the image, Default false.
`blur`	the size of the pixel blur of the background fill, Default 8

Here is an example of an entry in config.js not fullscreen

{
 module: "MMM-ImagesPhotos",
 position: "middle_center",
 config: {
  opacity: 0.9,
  animationSpeed: 500,
  updateInterval: 5000,
  maxHeight: "500px",
  maxWidth:"500px",
  sequential: false  // process the image list randomly
 }
},

fullscreen

{
	module: "MMM-ImagesPhotos",
	position: "fullscreen_below",
	config: {
		opacity: 0.9,
		animationSpeed: 500,
		updateInterval: 5000,
		backgroundColor: 'grey',  // not used if fill is true
		fill: false,   // fill around image with blurred copy of image
		blur: 10,   // only used if fill is true
		sequential: false  // process the image list randomly
	}
},

mmm-imagesphotos's People

Contributors

Stargazers

Watchers

Forkers

cowboysdude apm1007 alverman michael24h cassbru sdetweil patrico654 radzuky wowjenko nalmo johnhelt eternalvr

mmm-imagesphotos's Issues

Install module twice

Hello, thanks for the module. I would like to install it twice. If I just copy the folder and rename it, it won't work anymore. Can somebody help me?

Could not load config file.

WARNING! Could not load config file. Starting with default configuration. Error found: Error: Cannot find module 'request'
Require stack:

/home/pi/MagicMirror/modules/MMM-ImagesPhotos/node_helper.js
/home/pi/MagicMirror/js/app.js
/home/pi/MagicMirror/serveronly/index.js

sry for bad englich but i have this problem and can´t fix it.

Require stack:

/home/pi/MagicMirror/modules/MMM-ImagesPhotos/node_helper.js
/home/pi/MagicMirror/js/app.js
/home/pi/MagicMirror/serveronly/index.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
at Function.Module._resolveFilename (/home/pi/MagicMirror/node_modules/module-alias/index.js:49:29)
at Function.Module._load (node:internal/modules/cjs/loader:778:27)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object. (/home/pi/MagicMirror/modules/MMM-ImagesPhotos/node_helper.js:10:15)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'/home/pi/MagicMirror/modules/MMM-ImagesPhotos/node_helper.js',
'/home/pi/MagicMirror/js/app.js',
'/home/pi/MagicMirror/serveronly/index.js'
]

Width and height settings in the config.

the width and height config settings should be

maxWidth instead of width
maxHeight instead of height

Is it possible to add a progress bar at the bottom of the screen. This way you know when the next photo will come.
English is not my native language so if there are mistakes in my message sorry for that.

Thanks

photo were rotated 90 degrees

I uploaded some iPhone photos, but the photos were rotated 90 degrees. It turns out that Apple's picture EXIF information (Orientation) is different from Android. Can you fix this problem? Thank you！

Hallo,

Add configurable path where to find the images

Not updating photos

Having an issue where then new photos added are not being updated into the photo display, until I manually restart the MagicMirror. Any ideas on how i can fix this?

Layer help

How do I put a Fullscreen imagine at the very back layer so the rest of the modules go on top???

Images postage stamp size, square and random rotations

{
module: "MMM-ImagesPhotos",
position: "bottom_right",
config: {
opacity: 0.9,
animationSpeed: 500,
updateInterval: 5000,
}
},

Images do not appear

hallo
the images do not appear on my Magic Mirror , i tried all the Possible solutions that i know.

Note:
The module
Supports v 2.1.0 and the Version that i have is 2.4.1 could this be the proplem ?

Some pictures in the source folder don't appear

I enjoyed many months of perfect performance with MMM-ImagesPhotos but recently It seems as though some of the pictures in the source folder are not part of the rotation shown. There are also long gaps in the rotation where the screen region for the app is just blank. I suspect that is where the missing images are intended to appear.

I've adjusted animation speed, update speed and get speed in both directions but having no luck. The images are .jpg & .png.

Suggestions?

Module doesn't load images

Hello there,

the module doesn't load images on my mirror. When I use an alert at start, the alert is shown on the mirror so the module did load. Have you got an idea where the error can be?

Black screen after 10min

I've installed the Imagephotos and its work fine,but the screen goes black after 10min,i remove the modules the mirror works fine ,i've install it again and the same probleem screen goes black...please help

Vulnerability during install

Hi,

I get the following messages during install:

npm install

Cloning into 'MMM-ImagesPhotos'...
remote: Enumerating objects: 161, done.
remote: Counting objects: 100% (98/98), done.
remote: Compressing objects: 100% (51/51), done.
remote: Total 161 (delta 60), reused 67 (delta 47), pack-reused 63
Receiving objects: 100% (161/161), 3.10 MiB | 2.74 MiB/s, done.
Resolving deltas: 100% (87/87), done.
(node:22668) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
(Use `node --trace-warnings ...` to show where the warning was created)
(node:22668) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
(node:22668) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
(node:22668) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit

added 429 packages, and audited 430 packages in 45s

136 packages are looking for funding
  run `npm fund` for details

1 moderate severity vulnerability

Any idea where I went wrong?

Does the module look for images from uploads folder?

extract from readme
"This module reads the images from the uploads directory inside the module. Directory: MagicMirror/modules/MMM-ImagesPhotos/uploads"

what am I missing?

I looked through the file - MMM-ImagesPhotos.js and the code seems to be looking under /photos. However I tried uploading it even to photos folder but no luck

getPhotos: function() { var urlApHelper = "/MMM-ImagesPhotos/photos"; var self = this; var retry = true;

any help appreciated

Mime-type Error

Hey there...
Couldn't figure out why the module doesn't work on my Mirror. WARNING! Could not load config file. Starting with default configuration. Error found: Error: Cannot find module 'mime-types'
is all I get by trying to install it. I already tried to install mime, mime-type and its dependencies...
Still the same

order photos

Hello,

i am interresting to display photos in order and not ramdom.. If someone can writte this because i m beginner in java.