Raspberry Pi PhotoBooth: HTML5 & NodeJS: 4 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:44

En HTML5 och NodeJS photobooth med live förhandsvisning och anpassade gränser.

Detta projekt började som något jag byggde för min dotters skoldans. Jag ville att något roligt för henne och hennes vänner skulle komma ihåg händelsen (vilket var sista gången de alla skulle vara tillsammans på deras skola). Det blev en skamlös marknadsföring för företaget jag arbetar på (där jag hoppades att besökande kunder skulle använda fotoboken för att dokumentera sitt besök på vårt kontor). Snälla, ladda ner och prova själv.

Mer information finns på https://github.com/raymondljones/photobooth/wikiDetta förutsätter att du har en Raspberry Pi tillägnad detta projekt. När WiFi AP har konfigurerats har Pi inte längre internetåtkomst om den inte är ansluten via Ethernet. Obs: att du måste ha en visning av något slag ansluten till Pi. Och det måste ställas in för att starta in i GUI inte utan huvud. Efter att ha installerat din Pi (med eller utan pekskärm) och anslutit webbkameran via USB. Följ bara instruktionerna. Efter installationen: Snabbinstallationen tar hand om nödvändiga beroenden (nodejs, php, krom, etc.), samt konfigurerar krom-webbläsarkiosken och Wifi AP. När pi startar om kommer Wifi AP att vara tillgängligt via SSID: PhotoBooth Password: photoboothpass Pi ska starta i kromkiosk i helskärm (första lanseringen kräver att du 'Tillåt åtkomst' till kameran) … Alla datorer i PhotoBooth -nätverket kan Besök också https://192.168.100.1/booth.html (se till att använda https) för att bli en extra PhotoBooth i nätverket (så länge det finns en kamera ansluten). Dessutom kan alla datorer i PhotoBooth -nätverket också besöka https://192.168.100.1/booth.html (lämna som http). Denna sida ger tillgång till alla tagna foton (vilket ger dig möjlighet att skriva ut eller ta bort). För att lägga till dina egna gränser kan du helt enkelt redigera booth.html som finns på/var/www/html/, leta efter 'li'-taggarna som innehåller kantbilderna (option-1.png, option-2.png, etc). Lägg till dina egna "li" -taggar så att data-optionattributet är unikt. Använd en av de angivna gränserna i/var/www/html/images som en guide för storlek.

Tillbehör

1. Raspberry Pi
2. Varje USB -webbkamera (inte en officiell Rpi -kamera)
3. En pekskärm eller någon skärm för Pi

Steg 1: Ladda ner från Github

Ladda ner projektet @ https://github.com/raymondljones/photobooth till en katalog du väljer.

Steg 2: Packa upp

Packa upp (om den laddas ner som zip) och navigera till projektkatalogen via kommandoraden: 'cd -projekt'

Steg 3: Höj dina behörigheter

Bli root: `sudo bash`

Steg 4: Kör Quick Installer

Kör det här kommandot `sh quick-install.sh`