AutoRefsresh and AutoPlay

kosonowski

Hi, first of all congratulations on a great app, I already bought it and I am very satisfied.

I have a few questions. I would like to use the script for my live photo gallery. The idea is that when you take a picture with your camera, it automatically uploads the file to the server where the gallery is located. I am looking for a way to automatically refresh the script to see the new file. Is it possible to add an autorefresh function?

The second thing, I see that the script, after refreshing manually via F5, remains in full screen mode when viewing photos, that's great! But it interrupts the slideshow. Does it go to leave autoplay after refreshing the page? And does it also go to enable autoplay by default when clicking on a photo?

Also, is it possible to set some message when there are no files? E.g. with my transmission “Please wait for new photos. The browser will refresh automatically”?

I also have a problem with hiding the @eaDir folder created by Synology. Please help.

Thank you very much.

Karl

kosonowski when you take a picture with your camera, it automatically uploads the file to the server

And do you already know how to do this? This part isn't related to Files Gallery of course ...

kosonowski I am looking for a way to automatically refresh the script to see the new file.

Files Gallery will always refresh when loaded in browser, or when you click "refresh" in browser. Do you mean you want Files Gallery to auto-refresh by itself at specific time intervals while it's open? This would have to be achieved by a custom javascript function, that for example reloads the path every 1 min (or whatever interval you prefer).

kosonowski The second thing, I see that the script, after refreshing manually via F5, remains in full screen mode when viewing photos, that's great! But it interrupts the slideshow. Does it go to leave autoplay after refreshing the page? And does it also go to enable autoplay by default when clicking on a photo?

I'm not quite sure what you mean "full screen mode", but assume you mean popup mode zoomed on a single photo? When you refresh the browser, it doesn't "remain in full screen", but it will remain on the current page+image zoomed that you are viewing. "Autoplay" is an interactive feature, and will not get inherited on page refresh ... Currently, autoplay is needs to be triggered by clicking the play (autoplay) button, but I guess it could be an option to assign autoplay as soon as the popup opens.

kosonowski Also, is it possible to set some message when there are no files? E.g. with my transmission “Please wait for new photos. The browser will refresh automatically”?

There is already default text "Directory is empty", translated into multiple languages. You could just modify the default text to something else? See language options.

kosonowski I also have a problem with hiding the @eaDir folder created by Synology. Please help.

See dirs_exclude config option:

'dirs_exclude' => '/(\/|^)(\#recycle|@eaDir)(\/|$)/',

kosonowski

And one more thing "shuffle" in polish language is "Losowo"! "Człapać" means "tramp" in english. Please change this.

kosonowski

And do you already know how to do this?

Yes allredy working and tested in my camera. Files are uploaded automatically root directory.

I'm not quite sure what you mean "full screen mode", but assume you mean popup mode zoomed on a single photo?
yes, i'm mean popup/zoom.

Currently, autoplay is needs to be triggered by clicking the play (autoplay) button

I just add meta refresh im <head> and there is a problem, when user watching slides after refresh browser back to thumbnails. But if You press F5, browser continue viewing popup but stop playing slides.

It would be great if you could trigger a pop-up using an browser address like: /popup=1&autoplay=1&reload=60&shuffle=1 so it will be start slideshow after every reload in 60 secconds and photos display in shuffle mode. Please do this!

Or maybe you could write, a script that would check if new files have arrived, if so it would refresh the page? Could the number of files be saved in some auxiliary file?

Karl

kosonowski I just add meta refresh im <head> and there is a problem, when user watching slides after refresh browser back to thumbnails. But if You press F5, browser continue viewing popup but stop playing slides.

This will never work nicely. If visitor is browsing and suddenly the page starts refreshing, the visitor will have to wait and will lose track of where they are. In your case, if you just add <meta> refresh, it will refresh the original page loaded, not the current url (for example if the visitor is browsing popup). To achieve that, you would need to do the refresh via Javascript, and refresh the current url in browser with #hash.

kosonowski It would be great if you could trigger a pop-up using an browser address like: /popup=1&autoplay=1&reload=60&shuffle=1 so it will be start slideshow after every reload in 60 secconds and photos display in shuffle mode. Please do this!

And what does popup=1 mean? What popup image should it open? You can already trigger popup open by including the image name, like this /?galleries/girls#pid=viewpoint.jpg. I don't see what these options should do in the url. If you need shuffle as default sorting option, then why not set that directly in the options instead of url? If I add popup autoplay, it will also be an option, so I don't see why that should go into the url.

kosonowski Or maybe you could write, a script that would check if new files have arrived, if so it would refresh the page? Could the number of files be saved in some auxiliary file?

It would be possible to create a custom Javascript and PHP that could check if the folder is updated (modified time changed). If the folder changed, it could then force a refresh in browser. This would be up to a days work, and it's not really something I would want in Files Gallery as I'm not a fan of the idea of automatically refreshing page while users are browsing.

kosonowski

I'm already explaining. What I mean is that it's supposed to work like such a live broadcast but for pictures. The user looks at the gallery and when there is a new photo I take the file list and slides will be updated.

As for calling with a link. What I mean is, just to make the gallery work completely normally as it does now, but so that I can call the slideshow with the right link.

popup - launches the first file in the list in zoom mode
autoplay - automatic slideshow after loading
refresh - refreshes the browser
shuffle - random playback in the slideshow

This will allow after each refresh to continue slideshow.

I'm not a programmer, just stating what I need. It's supposed to work on such also that I run the show on the TV at a party where I take pictures and they are included on the TV after a while.

Karl

I think ultimately you are requesting an app that is used for something specific, like a physical camera booth or a live-feed for photos at a party, and this is slightly beyond the scope of a file browser. Ultimately, many of these auto-refresh options just aren't available, because Files Gallery is meant to be navigated by a user. "Live broadcast" is not really a term that makes sense for Files Gallery, but I can keep it in mind of course.

kosonowski popup - launches the first file in the list in zoom mode
autoplay - automatic slideshow after loading

Sure. But is there any reason they can't be configuration options instead of url parameters? Is it because you only want to assign these options sometimes, and otherwise have the gallery work normally? Also, for popup after the page reloads, it would always start on the first image, which means it might never get to the last image if it keeps refreshing? I guess this would not be a problem with "shuffle" sort, but it's definitely not an elegant solution.

kosonowski refresh - refreshes the browser

It's not really an elegant solution for browsing, but perhaps it would work if using like a booth or live photos feed. If we keep reloading the browser and the current image was removed for example, it would create an error. For now, you would simply need to refresh the browser at intervals by some simple Javascript.

kosonowski shuffle - random playback in the slideshow

You can already assign shuffle in the config sort option. Any reason this option needs to be in the url?

kosonowski I'm not a programmer, just stating what I need. It's supposed to work on such also that I run the show on the TV at a party where I take pictures and they are included on the TV after a while.

I understand this. Keep in mind Files Gallery is primarily a useful, interactive file browser. Using it to live stream photos is slightly beyond the scope.

Thanks for the feedback, something to consider. For now, you can create a simple javascript that reloads the current photo after specific intervals, and maybe trigger the "play" button programmatically. Shuffle is already an option.

kosonowski

I just called it streaming, for others it may be just a simple functionality. Therefore, you should not be afraid of it.

For example, Google drive if you upload a file using the application then in the web browser you can immediately see the changes without reloading. What is missing here is for the file list to refresh in the background, and this would solve the significant problem that we have to reload the application.

With these parameters in the url the point is exactly to occasionally trigger a certain behavior and nothing more, just as you provide a link to a specific solution.

I noticed that in the forum there is a similar thread on this issue https://forum.files.gallery/d/707-slideshow-autoplay-or-include-new-images/6

“Files Gallery” in its simplicity is a very good tool for photographers where you can post photos and videos. That's why I would love it if you could call certain functions through a link one time.

It would be nice if access to add, delete modify, etc. could be done on an additional password.

Karl

kosonowski With these parameters in the url the point is exactly to occasionally trigger a certain behavior and nothing more, just as you provide a link to a specific solution.

Yes, but the question is why it can't be an actual setting. Why does it need to be in the URL?

kosonowski I noticed that in the forum there is a similar thread on this issue https://forum.files.gallery/d/707-slideshow-autoplay-or-include-new-images/6

True. I think you guys found Files Gallery because there isn't any other application that suits your requirements better. Maybe I could look into some features that better suit "live" galleries scenarios like photo booths or events.

kosonowski That's why I would love it if you could call certain functions through a link one time.

I think the question is why proposed settings should be triggered by url instead of just having them as settings. The only reason to allow settings in url, would be if you want only want the settings to apply sometimes.

kosonowski It would be nice if access to add, delete modify, etc. could be done on an additional password.

Multi-user login with permissions (for example public and private-login) will be available soon.

For now, you would need to solve refresh and any other requirements by some basic Javascript. Let me know if you require any help for this.

kosonowski

Thanks Karl!

I managed in a very simple way, but unfortunately it is problematic, to do specific different behaviors I have to copy the script from index.php to slideshow.php, refresh.php to put the corresponding behavior in java in the source code. For that there would be different settings pulled from the config file I made /slideshow /refresh folders instead of files. Therefore, it is useful to call certain behaviors via url.

That's why in a URL you wouldn't need to just write code in JavaScript.

There was also a problem. Setting random sorting in the config file it still did not work. I guess the sorting method is called from the cockies file instead of the settings.

This is the code I made for the slideshow with refresh:

` <script>
// open first photo
setTimeout(function(){
document.querySelector('.files-a-loaded').click();
}, 3000);

// run slideshow
setTimeout(function(){
document.querySelector('.pswp__button--play').click();
}, 4000);

// reload website
setTimeout(function(){
window.location.reload(1);
}, 60000);

</script>`

The opening of the first photo should also be delayed because otherwise the thumbnail will not be generated in time. This is exactly the problem a colleague had in another thread. He was opening the photo too early.

Karl

kosonowski I managed in a very simple way, but unfortunately it is problematic, to do specific different behaviors I have to copy the script from index.php to slideshow.php, refresh.php to put the corresponding behavior in java in the source code. For that there would be different settings pulled from the config file I made /slideshow /refresh folders instead of files. Therefore, it is useful to call certain behaviors via url.

That's why in a URL you wouldn't need to just write code in JavaScript.

It's still not clear, but I guess you mean you have different scenarios and you only want specific settings for some galleries, but not always? And that's why you want to assign by URL?

kosonowski There was also a problem. Setting random sorting in the config file it still did not work. I guess the sorting method is called from the cockies file instead of the settings.

Yes, sort is stored in the browsers localStorage. Setting shuffle will work for all browsers and visitors that did not yet change the sort from the menu. You can just go into your browser and delete localStorage cache. If you don't want the visitor to be able to choose their own sort method, then just hide the sort menu.

kosonowski This is the code I made for the slideshow with refresh:

👍️ Good. That's pretty much as good as you can get it right now.

kosonowski

Karl Yes! The whole point is to call certain behaviors using url link only sometimes. Now I have to combine with code and different versions of php files. Therefore, please consider this in the future.

Same for sorting. To the user or visitors to the site, I will not explain that random sorting will not work because they have previously selected manually.

Karl

kosonowski Same for sorting. To the user or visitors to the site, I will not explain that random sorting will not work because they have previously selected manually.

Sure. You could setup two galleries, which both point to the same root and share the same configuration, except for a few differences. For example /live/ and /gallery/ ...

kosonowski

@Karl I don't want to start a new topic but I have a problem with a large tif file. Send you a link to the album where this file is located and generates an error, and link to the file itself so you can check what the problem is.

https://www.studio-b.pl/upload/?IronArena
https://www.studio-b.pl/upload/IronArena/SPORT_Posnania-01.tif

One more question, is it possible to hide directories from users when they are in the main folder, and when they get a link to a specific directory they can see it?

I want to hide the whole file structure from others.

Karl

kosonowski This is caused by the massive image file size (237MB) or dimensions (9923 x 7017) and PHP exif_read_data() which fails on this file because of insufficient memory. I isolated the image and tried locally:

It worked fine when I increased the memory limit to 300M, so that seems to be the minimum for the file size of your TIF. I wasn't personally aware that PHP exif_read_data() consumes so much memory proportional to the file size or dimensions (9923 x 7017) of the image, but there you go. We could have considered temporarily increasing the memory limit like we do when creating thumbnails, but this isn't useful to do for multiple files when loading files data for a dir, as it could crash ... When using for resizing a single image, it's used only for a single process.

This seems like a bit of a flaw with PHP and exif_read_data(). For now, you will need to either increase your PHP memory_limit, resize the image, remove the image or disable reading exif data for images.

In next release, I might look into a solution, although that may involve blocking attempts to extract EXIF data for files that may exceed the memory_limit.

Karl

Karl This is caused by the massive image file size (237MB) or dimensions (9923 x 7017) and PHP exif_read_data() which fails on this file because of insufficient memory. I isolated the image and tried locally:

In latest release Files Gallery 0.10.0, we calculate approximate memory requirements before attempting to execute PHP exif_read_data() on large images.

Karl

Latest release Files Gallery 0.10.0 includes the following new features, all configurable from Javascript config or assigned by ?query parameter.

Popup autoplay / autoplay slideshow when popup opens
https://demo.files.gallery/?balloons&popup_autoplay=1

Popup open / open first image on page load
https://demo.files.gallery/?balloons&popup_open=1

Combine the two above:
https://demo.files.gallery/?balloons&popup_autoplay=1&popup_open=1

Popup fullscreen / enter fullscreen on popup open (requires user click to open)
https://demo.files.gallery/?balloons&popup_autoplay=1&popup_fullscreen=1

Popup history / disable popup history #filename.jpg
https://demo.files.gallery/?balloons&popup_history=0

sort / assign sort method by query parameter
https://demo.files.gallery/?balloons&sort=shuffle

refresh / refresh url after xX seconds
https://demo.files.gallery/?balloons&refresh=3