Raspberry Pi PhotoBooth: HTML5 & NodeJS - Ajarnpa

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:17

Een HTML5 en NodeJS photobooth met live preview en aangepaste randen.

Dit project begon als iets dat ik bouwde voor het schooldansfeest van mijn dochter. Ik wilde iets leuks voor haar en haar vrienden om de gebeurtenis te herinneren (wat de laatste keer was dat ze allemaal samen op hun school zouden zijn). Het werd een schaamteloze promotie voor het bedrijf waar ik werk (waar ik hoopte dat bezoekende klanten de photobooth zouden gebruiken om hun bezoek aan ons kantoor vast te leggen). Alsjeblieft, download en probeer het zelf.

Meer informatie is te vinden op https://github.com/raymondljones/photobooth/wiki. Hierbij wordt ervan uitgegaan dat je een Raspberry Pi voor dit project hebt. Zodra de WiFi AP is geconfigureerd, heeft de Pi geen internettoegang meer, tenzij deze is aangesloten via Ethernet. Opmerking: je moet een soort scherm hebben dat op de Pi is aangesloten. En het moet zijn ingesteld om op te starten in de GUI, niet zonder hoofd. Na het instellen van je Pi (met of zonder touchscreen) en het aansluiten van de webcam via USB. Volg gewoon de instructies. Na de installatie: De snelle installatie zorgt voor de vereiste afhankelijkheden (nodejs, php, chromium, enz.), evenals voor het instellen van de chromium-browserkiosk en de Wifi AP. Zodra de pi opnieuw is opgestart, is de wifi-toegangspoort beschikbaar via SSID: PhotoBooth-wachtwoord: photoboothpass De Pi moet opstarten in de chroomkiosk op volledig scherm (voor de eerste keer moet u 'Toegang toestaan' tot de camera)… Elke computer op het PhotoBooth-netwerk kan bezoek ook https://192.168.100.1/booth.html (gebruik https) om een extra PhotoBooth in het netwerk te worden (zolang er een camera is aangesloten). Bovendien kan elke computer op het PhotoBooth-netwerk ook https://192.168.100.1/booth.html bezoeken (verlaten als http). Deze pagina geeft toegang tot alle gemaakte foto's (waardoor je de mogelijkheid hebt om af te drukken of te verwijderen). Om uw eigen randen toe te voegen, kunt u eenvoudig booth.html bewerken die u vindt op /var/www/html/, zoeken naar de `li`-tags die de randafbeeldingen bevatten (optie-1.png, optie-2.png, enz.). Voeg uw eigen `li`-tags toe, zodat het attribuut data-option uniek blijft. Gebruik een van de voorziene randen in /var/www/html/images als richtlijn voor de grootte.

Benodigdheden

1. Raspberry Pi
2. Elke USB-webcam (geen officiële Rpi Cam)
3. Een aanraakscherm of een ander scherm voor de Pi

Stap 1: Downloaden van Github

Download het project @ https://github.com/raymondljones/photobooth in een map naar keuze.

Stap 2: Uitpakken

Unzip (indien gedownload als zip) en navigeer naar de projectdirectory via de opdrachtregel: `cd project`

Stap 3: Verhoog uw machtigingen

Word root: `sudo bash`

Stap 4: Voer het snelle installatieprogramma uit

Voer deze opdracht uit `sh quick-install.sh`