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
Plataforma web marketplace para fretes urbanos sob demanda - Desenvolvimento de uma plataforma digital para intermediação de fretes e mudanças urbanas sob demanda, no modelo marketplace, conectando clientes a motoristas/freteiros. O pro...
Integração de 5 APIs com PHP em dashboard - Desenvolver um sistema em PHP que se conecta a APIs de outros sistemas para cadastrar conteúdo. Trata-se de um dashboard centralizador de ferramentas que integra 5 APIs e centraliza o cadas...
Desenvolvimento de DApp e aplicações Web3 (Blockchain) - Procuramos programador(a) Web3/DApp/Blockchain (cripto) Estamos em busca de um(a) desenvolvedor(a) apaixonado(a) por tecnologia descentralizada para participar da construção de uma a...
Especialista em Bling ERP e integração WooCommerce com marketplaces - Especialista em Bling ERP + Integração WooCommerce e Marketplaces (Setup Avançado) Contexto do Projeto: Somos a Abitar Home, uma marca de mobiliário em couro leg&iacut...
Página de vendas com conteúdo informativo - Preciso de uma página de vendas com conteúdo informativo. Busco um copywriter focado em conversão e um web designer, ou alguém que se apresente como: • Especialist...
