Camera Web App

Interaktywna aplikacja przeglądarkowa wykorzystująca kamerę i MediaPipe Hands do śledzenia dłoni w czasie rzeczywistym.

Demo: jann5.github.io/camera-web-app

Co potrafi

• wykrywa dłoń i rysuje jej szkielet na obrazie z kamery;
• pozwala rysować pojedynczym palcem;
• rozpoznaje gest dwóch rąk do tworzenia kształtów;
• ma przełącznik korekty kształtu i czyszczenie płótna klawiszem C;
• działa lokalnie w przeglądarce — obraz z kamery nie jest wysyłany na serwer.

Uruchomienie lokalne

Kamera wymaga bezpiecznego kontekstu, czyli localhost lub HTTPS. Nie otwieraj pliku przez file://.

npx serve .

Następnie otwórz adres podany przez serwer, zwykle http://localhost:3000.

Technologie

• JavaScript
• MediaPipe Hands
• Canvas API
• HTML i CSS

Prywatność

Przetwarzanie obrazu odbywa się w przeglądarce użytkownika. Aplikacja prosi jedynie o standardową zgodę na dostęp do kamery.