wiki:email-photo-to-web-page

Version 2 (modified by Stephen Mahood, 7 years ago) (diff)

--

How to Create a Photo Streaming webpage for live events

During the Membership meeting in October 2012 to connect the meetings in New York City and Mexico City and member around the world a photo stream was created on http://i.mayfirst.org
This was achieved with javascript and a email checking script. So that when an email is sent with a photo to a specified address the script pulls the image and uploads it to designated site.

There are some dependencies that need to be installed from root on the server

apt-get install php5-imagick libjs-jquery-ui libjs-jquery

The following information is available in the README files after you "git" them

In your home directory on the server enter the following command

git clone git://git.mayfirst.org/jamie/get-picture-via-imap.git

Afterwards copy the contents of the

~/get-picture-via-imap/web

to the /web directory on the server

$~cp get-picture-via-imap/web/*.* /path/to/web/

Once the files and directories are copied then proceed to to the subdirectory for galleria

$~/path/to/web/galleria

Follow the included README file

Down load galleria: http://galleria.io/ and put it in this directory.

Then, create a symlink for galleria.js -> galleria-n.n.n.js replacing n.n.n with the version of galleria that you installed.

Do the same from the javascript director

$~/path/to/web/js/

Download both jquery (http://jquery.com/) and jquery-ui (http://jqueryui.com/).

Add symlinks: jquery.min.js -> jquery-n.n.n.min.js

jquery-ui.min.js -> jquery-ui-n.n.n.min.js

Replacing n.n.n with the appropriate version numbers.

Symlink can be established with the follwing command

$~/path/to/web/galleria/ln -s galleria-n.n.n.js galleria.js

same should be done in the js directory for the jquery and jquery-ui

after the above symlinks are created please create an images directory on web

$~/path/to/web/images/

As the script is looking to place the photos in the /images directory

The final configuration is the imap.cnf file. This file needs to be in the home directory as that is where the cron job will be looking for the configuration

username:password@mail.server.org

if we are using the mayfirst server than mail.server.org --> mail.mayfirst.org

Be sure to type the username and password with the : in between as the script requires it to check the emails and then process the images.

Then please visit the site and test if the emails come through by uploading the images


If you want to use the same site again for a future event please copy the contents of the /images directory and create a new folder under /web with a name for the event
Then copy the contents of the /web directory (excluding the images directory) to the newly created sub directory for the event.

Then when people visit <said.site.org/photoevent> it will load the galleria software and script to display the images.