mojjj/ng2-media-dir-gallery

display photos and videos from disk

Angular 2 Media Gallery from Directory

Standalone Website Viewer for Media Directory e.g. show Holiday Media files on mobile Devices in your local WLAN, served by a Raspberry Pi Supports Images / videos (mp4, 3gp, webm, via HTML5 video tag) see https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats Browser: IE: 9.0+ Chrome: 4.0+ Firefox: 3.5+ Safari: 4.0+ Opera: 10.5+

The project consists of a Website and a script for image preparation.

Before using the gallery, you have to process all of your images that will be part of your gallery with the node.js script. The processed images will be stored to your applications assets. During runtime everything runs client-side and there is no separate server-side communication involved. The viewer takes care that an optimal image quality is served based on the device resolution.

based on https://github.com/BenjaminBrandmeier/angular2-image-gallery

Demo

TODO

How to use the gallery in your project

Pre-requirements

Install node 6.9.4+ and graphicsmagick: http://www.graphicsmagick.org/README.html#installation

HowTo - Run convert script

convert.js path/to/your/media/basedir

Add a flag to define the order of the images inside the gallery

-n sort by file name (default)

-d sort chronologically by the original creation time (e.g. for coverages of a wedding)

-c sort by primary image color

HowTo - run for development

TODO

HowTo - run in production (low memory footprint, tested on Raspberry Pi 2 B+)

TODO

Currently used tools

• Angular 2.3.1
• NodeJS 7.3.0
• Angular-CLI 1.0.0-beta.24
• graphicsmagick

Troubleshooting

If the conversion process fails, make sure you have enough swap space provided.

If you experience any other issues, please raise an issue on GitHub.

ng2-media-dir-gallery's Issues

viewer - video viewer component

unit tests

reformat code to be lint-strict compatible

convert script - partial run

e.g. script shall process new files only

move asset location outside of the server dist directory

because someone would like to copy/edit them, use backup sync etc on the dir,...
make it independent from running production code

convert script - process video files?

low priority - use linux command line tool to process videofiles to match criterias for

make image preview sizes configurable

e.g. deselect larger sizes, if raw image is not much different.

automatic or selectable?
how to run convert script in these cases?

convert script - auto watch image directory

process new files, when they come in.
update data structure and server if possible without restart.