HEIC and MMM-ImagesPhotos

[rts58]

Hi,

Two questions really. I’ve noticed in MMM-ImagesPhotos that an image will flash off and on before it is replaced with a new image. My config looks like:

{
	module: "MMM-ImagesPhotos",
	position: "fullscreen_below",
	config: {
		opacity: 0.9,
		animationSpeed: 500, // was 500
		updateInterval: 120000,
		backgroundColor: 'rgba(0,0,0,.3)',  // 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
	}
},

Any idea what would cause the picture to flash black then return and then transition to the new photo?

The second question: I’ve noticed that HEIC images are skipped and not shown at all. I’m still running Buster and although I can see an HEIC image with image viewer I’m not able to with Chromium. Is there a way to see HEIC images with MMM-ImagesPhotos?

Thanks for any help!

[sdetweil]

@rts58 said in HEIC and MMM-ImagesPhotos:

animationSpeed: 500,

have you tried setting this to 0?

HEIC? the module looks for
const enabledTypes = [“image/jpeg”, “image/png”, “image/gif”];

what is a filetype for HEIC?

you can edit that array and add the the for heic

 const enabledTypes = ["image/jpeg", "image/png", "image/gif", "image/heic"];

[rkorell]

@sdetweil HEIC is the Apple iOS version of HEIF (=High Efficiency Image Format) …

[rts58]

@sdetweil

I thought I had tried setting it to 0, but apparently I hadn’t. Now that I have made that change, it is working fine.

The filetype for HEIC is supposed to “image/heic”. I added that to the enabledTypes array in node_helper.js and it now it is also working!

Awesome, as always, thank you Sam!

[sdetweil]

@rts58 awesome, i’ll submit a pr to update the module

[rts58]

@sdetweil I am still have trouble with some of the HEIC files.

If the module runs across an unsupported HEIC (or corrupted jpg) file it will just stop and continue showing the last image.

I couldn’t find any log or error for files that won’t open. I’ve compared the files it can and can’t open and don’t see any difference in the file details or exif data. Is there a way to have it just skip the unsupported file?

The module does get locked up, it will not continue with a new image even after the update interval has passed. Thanks for your help.

[sdetweil]

@rts58 can you look in the developers window console tab

ctrl-shift-i

[rts58]

@sdetweil yes I’ve been looking at it. If it works I’ll get a message that the image loaded and link, image setting size … , and setting top. If it doesn’t it won’t show anything.

[sdetweil]

@rts58 ok, i’ll look at error handlers

[rts58]

@sdetweil if it helps when I dig into the elements it shows:

<img src="/MMM-ImagesPhotos/photo/module_9_MMM-ImagesPhotos/IMG_3259-Copy.HEIC" style="left: 0px; position: relative; opacity: 0;">

So it thinks it is loading the file.

[sdetweil]

@rts58

in front of

img.onload()

add

img.onerror(){
   this.updateDom()
}

[rts58]

@sdetweil this is what I did which is creating an uncaught syntax error on the line with the first “{”.

	img.onerror(){
	this.updateDom()
	}
        img.onload = (evt) => {
          // Get the image of the event
          const eventImage = evt.currentTarget;
          Log.log(
            `image loaded=${eventImage.src} size=${eventImage.width}:${eventImage.height}`

[sdetweil]

@rts58 im an idiot, sorry

better

img.onerror= ()=>{
	this.updateDom()
}

[rts58]

@sdetweil I’m not seeing any errors in the console.

[sdetweil]

@rts58 i did not add error reporting yet, this should keep it
from stalling

[sdetweil]

@rts58 the prior code started the timer only after
image was loaded. but we have already waited timeout time
so we can get the next image

[sdetweil]

@rts58 just pushed the updated code, git pull in the module folder
logs an error record to the dev window console on load fail, with the url of the failing image

[rts58]

@sdetweil great, thanks. I’ll let you know how it goes.

[rts58]

@sdetweil It’s working great now. No longer freezing on image files that it cannot open. And it is properly reflecting the error with the file name in the console! THANKS!

[sdetweil]

@rts58 awesome!!