nginx
ffmpeg
inotify-tools
screen
Make a directory in /var/www/html named 'images' (this is where the html, css and js should be)
mkdir -p /var/www/html/images
Inside of your nginx config, located at /etc/nginx/sites-enabled/default
Add the following to your 'server' block:
location /images {
autoindex on;
}
Edit the file /etc/nginx/nginx.conf
In the 'http' section find the 'server' section. Here, remove the 'location /' block and replace with
root /var/www/html/;
location /images {
autoindex on;
index index.html;
}
location / {
try_files $uri $uri/ =404;
}
Restart nginx systemctl restart nginx
The autoindex will allow the javascript to access all image filenames.
You may need elevated permissions for some of these.
Execute the commands
git clone https://github.com/skep1337/dynamic-gallery.git /var/www/html/images
cd /var/www/html/images
chmod 777 *.sh
mkdir -p content/thumbnails
Edit the variables in the compress.sh and dirmonitor.sh to where those two directories are.
If you ran the commands listed, it will be /var/www/html/images/content and /var/www/html/images/content/thumbnails
input_directory="<directory of content>"
output_directory="<directory of thumbnails>"
Add images you want to host and display into the content directory.
Run compress.sh. This will use ffmpeg to resize and compress any images in that directory, and place the output (of the same filenames) into the thumbnail directory.
sh compress.sh
I recommend screening the dirmonitor.sh to have it run in the background.
You will need to run the script as root
screen sh dirmonitor.sh
To exit, press Ctrl + a + d
Now, any images you add into the content directory will automatically be resized, compressed, and added to the thumbnail directory.
You can access the page by going to <your website>/images
If you left click an image, it will copy the url of the full image.
If you right click an image, it will directly open up a new tab of the full image.
Images are sorted by recently modified.
The compress scripts already contain ffmpeg options to only include the first frame of the gif for the thumbnail.
I started this project so I could self-host gifs to use on discord lol.