Desenvolvimento Mobile
| Orçamento: Aberto |
Publicado: |
Propostas: 35
Observação: O Briefing abaixo elaborei utilizando IA. Portanto pode haver inconsistências ou necessidade de adaptações.
BRIEFING — Desenvolvimento de PWA para Álbum Musical
Sobre o projeto
Sou músico, baterista e compositor, meu trabalho é de música instrumental/jazz autoral. Estou lançando um álbum autoral e quero criar um Progressive Web App (PWA) - em português e inglês - que funcione como a experiência digital oficial do álbum — acessível pelo celular, sem precisar de App Store ou Google Play.
O app terá duas versões de acesso:
Versão comum — acessível a qualquer pessoa via URL
Versão premium — desbloqueada pelo reconhecimento da capa física do álbum (uma xilogravura impressa artesanalmente), usando a câmera do celular
Hospedagem e domínio
O app será hospedado na Vercel (gratuito)
URL de acesso: app.mariogaiotto.com.br ou subdiretório equivalente
Domínio principal mariogaiotto.com.br está no Wix e não será alterado
O dev deve configurar o subdomínio apontando para a Vercel
Funcionalidades
Versão Comum
Tela inicial com capa do álbum, nome do artista e botões de navegação
Player de áudio com:
Streaming via HTTP progressivo (arquivos AAC/MP3, 256–320 kbps)
Opção "Qualidade de streaming: Normal / Alta" nas configurações
Controles básicos: play, pause, próxima, anterior, barra de progresso
Lista de faixas com título, duração
Seção "Sobre o álbum" com textos e fotos
Instalável no celular via "Adicionar à tela inicial" (comportamento padrão de PWA)
Acesso restrito por senha ou login simples (apenas compradores recebem a credencial)
Versão Premium (desbloqueada apontando para a xilogravura)
Reconhecimento de imagem (ponto central do projeto)
Ao abrir o app, um botão "Apontar para a obra" ativa a câmera do celular
O app deve reconhecer a xilogravura (imagem de referência fornecida pelo artista) usando visão computacional rodando no navegador
Tecnologias sugeridas: TensorFlow.js, ml5.js ou OpenCV.js
Após reconhecer a imagem, o app registra localmente (localStorage ou similar) que aquele dispositivo está desbloqueado
A partir daí, o usuário acessa a versão premium sem precisar repetir o processo
Estrutura de arquivos de áudio (versão premium)
/streaming → AAC ou MP3 (256–320 kbps) — usado no player padrão de ambas as versões
/downloads → FLAC (16bit/44.1kHz ou 24bit/48kHz) — disponível para download
/master → WAV (24 bits) — disponível para download na versão premium
Funcionalidades adicionais da versão premium
Player com qualidade expandida
Opção "Qualidade de streaming: Normal / Alta" nas configurações
Em Alta: servir AAC de bitrate maior ou FLAC via streaming progressivo (se a infra suportar)
Botão "Baixar faixa" e "Baixar álbum"
Download individual ou do álbum completo em FLAC
Download em WAV 24 bits (master) para usuários premium
Conteúdos exclusivos
Textos, notas de faixa, bastidores, fotos exclusivas (a definir)
Estrutura de telas (fluxo básico)
Tela 1 — Entrada
- Capa do álbum
- Botão "Ouvir álbum" → Tela 2
- Botão "Apontar para a obra" → Câmera → Reconhecimento → Versão Premium
Tela 2 — Player (versão comum)
- Lista de faixas
- Player com streaming AAC/MP3
- Botão "Configurações" → Qualidade Normal/Alta
Tela 3 — Player Premium (após desbloqueio pela xilogravura)
- Tudo da versão comum
- Botão "Baixar faixa" (FLAC)
- Botão "Baixar álbum completo" (FLAC ou WAV)
- Conteúdos exclusivos desbloqueados
Tecnologias esperadas
Frontend: HTML/CSS/JS puro ou React / Next.js
PWA: manifest.webmanifest + service worker
Reconhecimento de imagem: TensorFlow.js, ml5.js ou similar (rodando no browser, sem servidor dedicado de IA)
Player de áudio: HTML5 Audio API ou biblioteca leve (ex.: Howler.js)
Autenticação básica (versão comum): senha simples ou login via Firebase Auth / Supabase
Desbloqueio premium: localStorage após reconhecimento da imagem
Hospedagem: Vercel (deploy via GitHub)
Domínio: configuração de subdomínio app.mariogaiotto.com.br
Ao se candidatar, por favor responda:
Você já desenvolveu PWA com reconhecimento de imagem via câmera no navegador?
Qual biblioteca você usaria para o reconhecimento da xilogravura (TensorFlow.js, ml5.js, outra)?
Você já fez deploy de projetos na Vercel com domínio próprio?
Qual sua experiência com players de áudio em HTML5 / Web Audio API?
Qual seria seu prazo estimado e valor para esse escopo?
Orçamento e prazo
Orçamento: a combinar (aguardo propostas)
Prazo desejado: a combinar
Habilidades desejadas: CSS, HTML5, NodeJS, React e Tensorflow.