Ferramentas · No ar (PWA)
Ambiência
Misture sons de ambiente e deixe tocando.
Misturador de 13 sons de ambiente feitos no navegador: chuva, vento, fogueira e mais, com timer de sono, misturas salvas e link para compartilhar.
Sobre o projeto
O que é Ambiência
A Ambiência é um misturador de sons de ambiente. Cada som tem a sua barra de volume: você liga a chuva, o vento, uma fogueira ou os grilos, ajusta cada um e deixa tocando enquanto estuda, trabalha ou descansa.
Nenhum som é uma gravação. O navegador fabrica cada um na hora, a partir de ruído e de ondas: o chiado contínuo mistura dois ruídos de comprimentos diferentes, para não formar um laço curto, e o que é pontual (gotas, estalos, trovões, cantos) é sorteado a cada vez. Por isso o app é leve, não depende de arquivo de áudio de ninguém e funciona sem internet.
É um aplicativo instalável (PWA). As misturas que você salva ficam só no seu aparelho, e o servidor só conta, de forma anônima, quantas vezes cada ação foi feita (nunca o nome de uma mistura).
Recursos
O que o Ambiência faz
Uma barra para cada som
13 sons, cada um com a sua barra: chuva, trovão, vento, ondas, riacho, fogueira, grilos, pássaros, ventilador, tigela tibetana, ruído branco, ruído rosa, ruído marrom. Toque no ícone para ligar ou desligar e arraste para ajustar o volume.
Fabricados no seu aparelho
Nenhum som é uma gravação: o navegador cria cada um na hora, a partir de ruído filtrado e de eventos sorteados (gotas, estalos, trovões, cantos). Não há arquivo de áudio para baixar.
8 misturas prontas
Chuva na janela, Tempestade, Floresta ao amanhecer, Noite de verão, Beira do mar, Foco, Noite tranquila, Lareira: para começar com um toque.
Salve as suas misturas
Dê um nome e guarde até 50 misturas, que ficam só neste aparelho. Dá para renomear e apagar, com Desfazer.
Compartilhe por link
O botão copia um endereço que leva a mistura inteira. Quem abrir vê as barras montadas e toca com um clique. A mistura vai no próprio endereço: nada fica guardado no servidor.
Timer de sono
Escolha 15 minutos, 30 minutos, 1 hora ou 2 horas, ou outro tempo de 1 a 720 minutos. O timer usa o horário de fim e o volume desce devagar nos últimos 30 segundos, até o silêncio.
Instale e use sem internet
É um app instalável (PWA): depois da primeira visita abre e toca sem conexão, em janela própria. Também registra os controles de mídia do sistema, onde o navegador oferece.
Um fundo que reage ao som
Cada som ligado ganha a sua cena animada ao fundo: gotas de chuva, brasas, ondas, vaga-lumes. As animações podem ser desligadas e respeitam o pedido de menos movimento do sistema.
Nada sai do aparelho
Volumes, misturas e timer ficam no navegador. O servidor recebe só o nome de uma ação, numa lista fechada, e nada com Não rastrear.
Tecnologias
Por dentro do Ambiência
Web Audio API
Cada som é um conjunto de nós do Web Audio: ruído filtrado, osciladores, reverberação por convolução e envelopes. Tudo passa por um limitador suave no fim da cadeia, e mexer no volume é sempre uma rampa, sem estalo.
Ruído em laços de tamanhos diferentes
O chiado contínuo mistura dois laços de ruído de comprimentos diferentes, um em cada lado do estéreo, com emenda por mistura de potência igual. Os eventos pontuais (gotas, estalos, trovões, cantos) são sorteados na hora e marcados no relógio do áudio com alguns segundos de antecedência.
Só gasta o que está ligado
Uma voz só existe enquanto a barra está acima de zero: ao zerar, ela é parada de verdade e deixa de usar o processador.
Medido por script
O comando npm run ambiencia:check renderiza cada som no Chrome, sem alto-falante, e mede pico, volume, silêncios, brilho e custo. Mede, mas não substitui ouvir.
PWA com service worker
Manifesto com ícones normais e adaptáveis, telas de abertura do iPhone e um service worker que guarda a página, o CSS e os módulos para tocar sem internet.
Node, Express e Eta
A mesma base do resto do portfólio, sem etapa de build. O servidor entrega a página e conta, de forma anônima, as ações.
FAQ
Perguntas frequentes
Os sons são gravações?
Não. O navegador fabrica cada som na hora, a partir de ruído e de ondas. Não há arquivo de áudio, então também não há gravação de terceiros nem licença para conferir.
Os sons se repetem?
O chiado contínuo mistura dois ruídos de comprimentos diferentes, para não formar um laço curto, e gotas, estalos, trovões e cantos são sorteados a cada vez. Os sons foram conferidos por medição (nível, brilho e silêncios), mas som é questão de ouvido: se algum incomodar, baixe a barra dele.
Funciona sem internet?
Sim, depois da primeira visita: o app guarda a página e os módulos no aparelho. Só os números abertos da página precisam de conexão.
Para onde vão as minhas misturas?
Para lugar nenhum: ficam no navegador deste aparelho. O servidor nunca recebe o nome de uma mistura, os volumes nem o conteúdo de um link; ele só conta quantas vezes cada ação foi feita.
Como funciona o link da mistura?
O endereço leva os volumes no formato ?m=chuva.60~trovao.25: o nome do som, um ponto e o volume. Quem abrir vê as barras montadas e toca com um clique (o navegador só libera o som depois de um clique). Sons desconhecidos e volumes fora da faixa são ignorados.
O som continua com a tela apagada?
A Ambiência foi feita para isso: marca os eventos com antecedência e usa um elemento de mídia, para o navegador tratá-la como áudio em reprodução. Só foi testada no Chrome do computador, não em celulares; no iPhone o sistema pode interromper o áudio, e basta tocar de novo.
Como funciona o timer de sono?
Pelo horário de fim: se a aba ficar parada, o fim continua o mesmo. O volume desce em linha reta nos últimos 30 segundos e tudo para no horário. O timer sobrevive a recarregar a página.
Posso instalar como aplicativo?
Sim: use o botão Instalar no topo (Chrome, Edge e Android) ou, no iPhone, Compartilhar e Adicionar à Tela de Início.
Em quais navegadores funciona?
Foi desenvolvida e testada no Chrome. Ela usa o Web Audio, que os outros navegadores atuais também têm, mas Safari, Firefox e celulares não foram testados.
É grátis? Tem limite de uso?
É grátis, sem cadastro e sem limite de uso, porque o trabalho é feito no seu aparelho e não no servidor.
Gostou do Ambiência? Dá para apoiar o trabalho: Me pague um café
Continue explorando
Veja também
Mercado Helper
Listas de compras para usar no celular: adicione vários itens de uma vez, marque com um toque e, se quiser, informe preço e quantidade para ver o total.
Ver projeto No arShareSoFast
Compartilhe um arquivo de até 25 MB por um link curto, com senha e uma carta opcional. Depois de 1 dia, tudo é apagado de verdade.
Ver projeto No arRec2Link
Grave a tela, o áudio, os dois ou só a webcam direto no navegador. O arquivo é comprimido aí mesmo, ganha um link curto e é apagado sozinho em 24 horas.
Ver projeto