Galerie de photos de l’appareil photo Raspberry Pi simple utilisant PHP

Galerie de photos de l'appareil photo Raspberry Pi simple utilisant PHP

Il existe de nombreux projets de caméras Raspberry Pi qui capturent des photos. Évidemment. J’ai trouvé un joli script PHP qui vous permet de visualiser ces photos directement depuis le Pi via un navigateur Web. Le script s’appelle « Single File PHP Gallery » et il est gratuit.

Galerie PHP à fichier unique est une galerie Web dans un seul fichier PHP créé par Kenny Svalgaard. Tout ce que vous avez à faire est de copier le script dans n’importe quel répertoire contenant des images pour créer une galerie. Cela le rend parfait pour ajouter rapidement des fonctionnalités fantastiques à vos projets de caméra Pi avec un minimum d’effort. Pourquoi passer des jours à écrire votre propre système de présentation d’images quand vous pouvez le faire en 5 minutes ?

Script de galerie de fichiers uniqueLes sous-répertoires sont traités comme des sous-galeries et le script peut générer automatiquement des vignettes pour les images et les répertoires.

Single File PHP Gallery ne nécessite aucune compétence de configuration ou de programmation pour être utilisé. Il vous suffit de déposer le fichier dans votre répertoire photo et vous êtes prêt à partir. Les seules exigences sont que votre Pi exécute un serveur Web et que vos photos se trouvent dans un répertoire visible par ce serveur.

Script de galerie de fichiers uniqueNe t’inquiète pas. C’est facile à configurer si vous ne l’avez pas déjà fait et cela sera expliqué ci-dessous.

Caractéristiques :

  • Gratuit pour un usage privé non commercial
  • N’utilise pas de base de données
  • Crée automatiquement des vignettes
  • Affiche les informations EXIF
  • Possibilité d’ajouter des filigranes
  • Prend en charge JPG, JPEG, PNG et GIF
  • Nombre illimité de sous-galeries

Étape 1 – Installez le serveur Web Lighttpd

Vous avez d’abord besoin d’un serveur Web actif exécuté sur votre Pi. Vous pouvez utiliser n’importe quel serveur compatible PHP, mais j’utilise Lighttpd et les instructions pour le configurer se trouvent dans mon article Installer un serveur Web Raspberry Pi. Assurez-vous que la page de test fonctionne avant de continuer.

Une fois cette étape terminée, le répertoire /var/www/html pourra servir les fichiers PHP.

Étape 2 – Installer la bibliothèque PHP GD

Le script utilise la bibliothèque de traitement d’images PHP GD. Pour l’installer, vous pouvez utiliser la commande :

sudo apt-get update
sudo apt-get -y install php5-gd

Pour vous assurer que cela est visible pour le script, redémarrez en utilisant :

sudo reboot

Étape 3 – Créer un répertoire de photos

Faisons un répertoire pour quelques photos :

sudo mkdir /var/www/html/photos

puis assurez-vous qu’il est détenu et accessible en écriture par l’utilisateur de www-data :

sudo chmod 775 /var/www/html/photos
sudo chown www-data:www-data /var/www/html/photos

Étape 4 – Ajouter un script de galerie PHP à fichier unique

Ensuite, nous devons télécharger le script de la galerie PHP à fichier unique et nous assurer qu’il est placé dans notre répertoire de photos. Assurons-nous que nous sommes dans le répertoire home :

cd ~

puis récupérez le script sur le site Web du projet :

wget http://sye.dk/sfpg/Single_File_PHP_Gallery_4.6.1.zip

Noter: Vous devrez peut-être ajuster le nom de fichier du fichier zip pour récupérer la dernière version. Visite http://sye.dk/sfpg/ pour vérifier quel est le dernier numéro de version.

Il faut maintenant extraire le contenu de cette archive dans le répertoire qui contiendra nos photos ou sous-répertoires contenant des photos :

sudo unzip Single_File_PHP_Gallery_4.6.1.zip -d /var/www/html/photos

Vous devriez voir la sortie suivante :

Archive: Single_File_PHP_Gallery_4.6.1.zip
inflating: /var/www/html/photos/index.php
inflating: /var/www/html/photos/readme.txt

Étape 5 – Mettre à jour la phrase de sécurité

Afin d’éviter un message d’erreur, le script requiert une phrase de sécurité. Vous pouvez mettre à jour le script en utilisant :

sudo nano /var/www/html/photos/index.php

Où il est dit :

define('SECURITY_PHRASE', '');

saisir une phrase. Cela peut être tout ce que vous aimez. Par example :

define('SECURITY_PHRASE', 'hanshotfirst');

Utiliser [CTRL-X] suivie par [Y] et [ENTER] pour enregistrer et quitter.

Étape 6 – Ajouter des photos

Vous pouvez soit utiliser la caméra Pi pour enregistrer des fichiers dans le répertoire /var/www/html/photos/, soit tricher et copier manuellement certaines photos juste pour tester votre configuration. J’ai copié un ensemble de photos existantes dans le répertoire à l’aide de FTP afin d’obtenir des exemples de captures d’écran.

Ou téléchargez une capture d’écran de ce site en utilisant :

wget http://bit.ly/rpispyimage001 -O example.jpg

Étape 7 – Voir la galerie

Afin de tester votre galerie, vous devez connaître l’adresse IP de votre Pi sur votre réseau. Pour ce faire, exécutez cette commande :

sudo ip addr show

Vous verrez un bloc d’informations semblable à celui-ci :

1: lo: <LOOPBACK,UP,LOWER_UP>
 link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00
 inet 127.0.0.1/8 scope host lo
2: eth0: <BROADCAST,MULTICAST,UP,LOWER_UP>
 link/ether b1:11:ab:42:24:2c brd ff:ff:ff:ff:ff:ff
 inet 192.168.0.45/24 brd 192.168.0.255 scope global eth0

L’adresse IP dans cet exemple est 192.168.0.45. Prenez cette adresse IP et entrez-la dans la barre d’adresse d’un navigateur Web sur un autre appareil. Vous devriez voir la page index.php qui se trouve dans /var/www/.

Entrez maintenant l’adresse IP mais cette fois ajoutez /photos/ à la fin :

192.168.0.45/photos/

Si tout a fonctionné, vous devriez voir la galerie de photos.

Script de galerie de fichiers unique

Cliquer dans un dossier affichera les photos dans ce dossier :

Script de galerie de fichiers unique

En cliquant sur une photo individuelle, vous verrez une version plus grande :Script de galerie de fichiers unique

Vous pouvez également activer un panneau d’information qui affichera des informations techniques sur la photo :

Script de galerie de fichiers unique

Les vignettes sont générées la première fois que la page est chargée dans un navigateur. Le temps nécessaire à la génération dépendra du nombre d’images dans le répertoire et de leur taille.

Il est possible de créer vos propres vignettes si vous préférez. Ceci et bien d’autres ajustements sont expliqués dans le fichier readme.txt qui aurait dû être extrait dans le répertoire /var/www/html/photos/.

Dépannage

  • Si vous ne pouvez pas voir une page Web d’une autre machine sur le réseau, refaites le didacticiel du serveur Web et vérifiez que vous utilisez les bons répertoires et la bonne adresse IP.
  • Si les vignettes ne sont pas générées, assurez-vous d’avoir installé php5-gd, redémarré et défini les autorisations sur le répertoire des photos en utilisant « chmod » et « chown ».