Add Camera Capture for Profile Avatar

Aperta
#1,105 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
45/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
html, javascript
Ambito
frontend, security

Direzione di ricerca

Start with the avatar section and its existing validation, resize and upload code, which the issue says to reuse; the payload does not name those files. Find where the Permissions-Policy header is set, since the issue asks to allow same-origin camera access there. Done when a user can preview, capture, retake and use a photo as their avatar, the camera stops afterwards, and camera errors are handled.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

2026-10 good first issue project: learn
Description

Add a camera feature which allow users to capture a photo directly using their camera and set it as their profile avatar

Proposed Changes
  • Add a camera icon to the avatar section.
  • Provide live preview, Capture, Retake, and Use Photo options.
  • Reuse existing avatar validation, resizing, and upload functionality.
  • Handle camera errors and ensure the camera stops when no longer needed.
  • Update Permissions-Policy to allow same-origin camera access.
Lingua principale
HTML
Stelle
66
Fork
181
Merge medio
2m
PR unite (30g)
9

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di alphaonelabs/website

Tutte le issue di alphaonelabs/website

Issue simili

Altre issue su Web Dev

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.