Implementação de sistema de sorteio
26/07/2025 às 08:19Descrição do Projeto:
Observação: O sistema de rifa já está implementado. As alterações abaixo são para adicionar o sorteio ao vivo com animação e voz automatizada do resultado.
1. Adicionar sorteio com animação
Criar um componente visual (roleta, contador ou efeito de rolagem) que simule o sorteio ao vivo de números.
A animação deve durar entre 2 e 4 segundos antes de exibir o número sorteado.
2. Sortear número aleatório
Selecionar automaticamente um número dentre os números vendidos (ou disponíveis, conforme a lógica atual).
Garantir que o número sorteado não se repita, caso o sistema permita múltiplos sorteios consecutivos.
Importante: o sorteio deve suportar até 5.000 números por rifa, sem travamentos ou lentidão.
3. Exibir número sorteado na tela
Mostrar o número sorteado com destaque:
• Fonte grande e visível
• Animação de entrada ou efeito visual
Após a animação, manter o número fixo na tela até novo sorteio.
4. Identificar e exibir o ganhador
Buscar automaticamente o nome do ganhador com base no número sorteado.
Exibir abaixo do número a frase:
Ganhador: Nome do Participante
5. Leitura automática com voz (Text-to-Speech)
Utilizar a Web Speech API (ou equivalente) para falar em voz alta:
• O número sorteado
• O nome do ganhador
Exemplo da frase falada:
“Número sorteado: 3.782. Ganhador: Ana Beatriz de Souza.”
6. Ajustes de voz (opcional)
Definir idioma da fala para pt-BR (português do Brasil).
Ajustar os parâmetros de voz:
• rate (velocidade da fala)
• pitch (tom de voz)
para manter a pronúncia clara e natural.
7. Botão "Iniciar Sorteio"
Criar um botão único para iniciar o sorteio.
Esse botão deve:
• Iniciar a animação
• Sortear o número
• Exibir e falar o resultado
• Ser desabilitado durante o processo (para evitar cliques duplos)
8. (Opcional) Som de suspense e comemoração
Adicionar:
• Um som leve de “roleta” ou “suspense” durante a animação do sorteio.
• Um efeito visual de comemoração (como confetes ou brilho) ao revelar o ganhador.
Atividades do cliente nesse projeto:
Última visualização: 16/10/2025 às 10:35
Última interação: 26/07/2025 às 20:26
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
Implementação de e-commerce completo com criação de landing page - Contratação de especialista para a implementação completa de uma operação de vendas online profissional, integrando loja virtual, ERP Bling, marketplaces e...
Criação de site para escritório de arquitetura - Criação de site para escritório de arquitetura com foco em portfólio e em direcionamento direto para redes sociais e WhatsApp. Deve incluir integração com ...
Site para divulgação de serviços de contabilidade (MEI) - Olá! Estou procurando um profissional para desenvolver um site simples e profissional para divulgação dos meus serviços de contabilidade, com foco em MEIs. A ideia &eac...
Implementação de sistema para orçamento e acompanhamento de AET - Objetivos: Orçamento de AET, venda e gestão de AET. Usuário: Empresas de transporte Funcionalidades: - Cliente acessa o site e faz orçamento de AET. - Cliente insere o...
Resolver bug na inscrição e integração do Meta Ads Developer - A Meta está exibindo uma notificação informando que não reconhece minha máquina e não permite configurar nem concluir a inscrição no Meta for...
