Implementação de sistema de sorteio
hoje às 16:43Descriçã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.
Tem dúvidas? Faça uma pergunta.
ou
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Desenvolvimento Web |
| Orçamento: | Aberto |
| Nível de experiência: | Intermediário |
| Visibilidade: | Público |
| Propostas: | 9 |
| Interessados: | 12 |
| Tempo restante: | |
| Valor Mínimo: | R$ 50,00 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
Finalizar site de hotel pet - - Finalizar o site com a inclusão dos quartos das hospedagens, menus, página inicial: Quem somos, Como funciona, Tour Virtual, Contatos, Avaliação do Google... Já...
Ajustes e melhorias em site de imóveis - Estamos em busca de um desenvolvedor qualificado para realizar ajustes e melhorias em nosso site. Abaixo está um documento com as informações importantes.
Criar landing page em WordPress para software - Somos a Mheads Sistemas, uma empresa especializada em sistemas de gestão ERP voltados para o varejo. Procuramos um(a) freelancer com sólida experiência em criação ...
Atualização de integração Pix Gerencianet em site PHP - Preciso de um desenvolvedor PHP para atualizar a integração do meu site com a API Pix da Gerencianet. O site foi adquirido de terceiros e atualmente não possui a opç&at...
SDKs para plataforma de e-commerce - Necessitamos de desenvolvimento de SDKs para conexão em plataformas de e-commerce. Somos uma empresa de meios de pagamentos. Todo o desenvolvimento será em Java.
