Modelo de app Câmera

Pré-visualização ao vivo da câmera, filtros, fotos e salvamento no dispositivo.

MídiaFunciona offline5 recursos do celular

✏️ Editar e compilar online Abrir em tela cheia

Este é o modelo rodando ao vivo. Recursos do celular, como câmera, vibração e notificações, funcionam no app que você criar.

Recursos do celular que este modelo usa

Eles vêm da ponte JavaScript do FreeApp, que todo app criado com o Free HTML to APK inclui. Em um navegador comum, o modelo continua funcionando e as chamadas simplesmente não fazem nada.

Pedidos de permissão

FreeApp.requestPermission()

Salvar arquivos

FreeApp.saveFile()

Salva em Downloads; FreeApp.on('saved', d => …) retorna {name, ok, location}.

Compartilhar arquivos

FreeApp.shareFile()

Compartilhar um arquivo real.

Mensagens toast

FreeApp.toast()

Toast nativo curto.

Vibração

FreeApp.vibrate()

Uma vibração única (padrão 50 ms) ou um padrão [desligado, ligado, desligado, ligado…].

Como o modelo os chama

async function startCamera() {
  if (window.FreeApp && !(await FreeApp.requestPermission('camera'))) return;
  video.srcObject = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } });
}
function snap() {
  const url = canvas.toDataURL('image/jpeg', 0.9);
  if (window.FreeApp) FreeApp.saveFile('photo.jpg', 'image/jpeg', url);
}

Deixe com a sua cara usando IA

Copie este prompt no ChatGPT, Gemini ou Claude, troque a ideia pela sua e cole a resposta de volta no editor. Ele já explica para a IA a estrutura do app e os recursos do celular.

Mostrar o prompt para a IA

Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.

The app: Camera — a camera app with live preview, CSS filters, snapshots and save to device. Live camera preview, filters, snapshots and save to device.

Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- Must work fully offline: no CDN or external scripts, fonts or images; persist data in localStorage.

The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.requestPermission(name: 'camera' | 'microphone' | 'location' | 'notifications'): Promise<boolean>
- FreeApp.saveFile(name: string, mime: string, data: string /* base64 or data: URL */ | Blob): Promise<boolean> — saves to Downloads; FreeApp.on('saved', d => …) gives {name, ok, location}
- FreeApp.shareFile(fileName: string, mimeType: string, base64OrDataUrl: string): boolean — share a real file
- FreeApp.toast(message: string): void — short native toast
- FreeApp.vibrate(ms?: number | number[]): void — one-shot buzz (default 50 ms) or an [off, on, off, on…] pattern

Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.

Return the complete index.html in one code block.

My idea: [DESCRIBE YOUR APP IDEA HERE]

Transforme em um app Android

Toque em Editar e compilar online. O modelo abre no editor online.
Mude o texto, as cores e o código e depois escolha um nome de app, um ícone e um nome do pacote.
Compile. Você recebe um APK assinado para instalar e um AAB para o Google Play, grátis, sem conta e sem marca d'água.

✏️ Editar e compilar online BAIXE GRÁTIS NOGoogle Play