Implementação de sistema de sorteio
hoje à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: hoje às 19:01
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: | Iniciante |
| Visibilidade: | Público |
| Propostas: | 3 |
| Interessados: | 10 |
| 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
Desenvolvimento de componentes para diagrama web com VueFlow - Estou procurando um desenvolvedor Vue.js experiente para criar um diagrama VueFlow dinâmico. O diagrama deve incluir as seguintes funcionalidades: - Nós com função de ar...
Criação de um portfólio online - Criação de site para portfólio para divulgar trabalho de consultoria de carreira. Já possuo Logo Marca ( Em anexo), gostaria de algo minimalista e elegante. Já po...
Desenvolvimento de plataforma web para consultas - Estamos em busca de um(a) desenvolvedor(a) experiente para criar uma plataforma web personalizada, onde usuários poderão realizar consultas, acessar informações e visual...
Transformar design do blog em WordPress - Vou explicar as referências que preciso para meu blog. Favor entrar em contato que eu explico as referências. Preciso arredondar as bordas das imagens. Deixar elas retangulares. Mud...
Painel web administrativo para aplicativo de transporte - Estou criando um aplicativo de transporte semelhante ao Uber e preciso de um painel web administrativo para gerenciar motoristas, corridas, usuários e configurações gerais do s...
