Camera HTML 5 boothamp Camera-HTML-5

Câmera web avançada construída em HTML5, CSS3 e JavaScript, inspirada em aplicativos profissionais de câmera. Funciona diretamente no navegador e pode ser transformada em PWA (Progressive Web App) para uso como app instalado.

Funcionalidades

🎥 Captura de Foto e Vídeo

Modo Foto: captura imagens em alta qualidade diretamente da câmera.

Modo Vídeo: grava vídeos em formato webm com áudio.

Visualização em tempo real com filtros aplicáveis.

🖌️ Filtros de Imagem

Normal – sem alterações.

P&B – efeito preto e branco.

Sépia – tom clássico retrô.

Viva – cores mais saturadas e vibrantes.

Retrô – contraste e brilho ajustados para efeito vintage.

🌟 Modos Especiais

HDR – simula alto alcance dinâmico nas fotos.

AI – ajuste automático de cores para melhorar a qualidade da imagem.

Detecção Facial – indica presença de rostos na tela (pré-visualização).

🔧 Ajustes Manuais

Zoom – ajuste contínuo da lente (depende do dispositivo).

Exposição – controle de brilho da imagem.

Foco – simulação de foco manual via desfoque.

💡 Flash/Torch

Ativa o flash da câmera traseira (torch), quando disponível no dispositivo.

📐 Overlay de Grade

Mostra linhas de grade para composição de fotos.

Pode ser ativado ou desativado com um botão.

🖼️ Galeria Integrada

Miniatura da última mídia capturada.

Modal de galeria para visualizar fotos ou vídeos.

Opções de deletar ou fechar mídia.

🔄 Troca de Câmera

Alterna entre frontal e traseira no celular.

⚡ Progressive Web App (PWA)

Pode ser instalado no dispositivo como aplicativo independente.

Suporte a service worker para cache offline e carregamento rápido.

🎨 Interface Moderna

Layout inspirado em apps profissionais de câmera.

Botões responsivos, efeitos de hover e transições suaves.

Compatível com telas mobile e desktop.