Por que o ruído no navegador para quando o celular é bloqueado?

O que acontece com uma página em segundo plano

O gerador usa Web Audio enquanto a página está ativa. Quando a tela é bloqueada ou outro aplicativo passa a ter o foco, o navegador e o sistema operacional decidem se esse contexto de áudio continua, pausa ou é interrompido. O JavaScript não pode exigir execução ininterrupta em segundo plano.

O histórico de problemas do WebKit da Apple registra diferenças entre abas do Safari, aplicativos web na tela de início e versões do iOS. Esse histórico justifica testar o aparelho atual em vez de prometer que todos os iPhones se comportam da mesma forma.

Um ícone na tela de início não concede permissão de áudio nativa

Instalar o PWA dá à página um ícone e uma janela semelhante à de um aplicativo. Seu service worker pode armazenar os arquivos da página em cache para uma próxima visita offline, mas não mantém o worklet do Web Audio em reprodução depois que a página é suspensa.

O guia da MDN sobre operações offline e em segundo plano explica que os service workers podem ser encerrados quando estão inativos. Armazenar arquivos em cache para uso offline e reproduzir som continuamente são funções diferentes.

Teste nas mesmas condições em que pretende dormir

Escolha um temporizador curto, toque em Reproduzir e bloqueie o celular enquanto estiver acordado. Deixe-o bloqueado por tempo suficiente para perceber se o áudio continua. Depois, desbloqueie o celular e confira se o estado do temporizador ainda corresponde ao som. Repita após conectar uma caixa de som Bluetooth ou trocar de navegador.

Teste também notificações e chamadas se elas costumam ocorrer durante a noite. Uma mudança na saída de áudio pode interromper a reprodução mesmo quando o bloqueio da tela, por si só, não causa interrupções.

Escolha uma alternativa realista

Se a reprodução parar, use o navegador para relaxar enquanto a tela permanece ativa e depois deixe o quarto ficar em silêncio. Um aplicativo específico para iPhone tem uma sessão de áudio nativa projetada para reproduções mais longas; o link para o SleepMix está aqui para esse uso.

Nenhum aplicativo ou site pode prometer que uma bateria descarregada, uma caixa de som desconectada ou uma configuração do aparelho jamais interromperá o som. Mantenha um alarme separado quando for essencial acordar em determinado horário.

Resolva os problemas de forma simples

Confira se o navegador foi aberto com um toque, se o volume do aparelho está audível e se a saída de áudio é a esperada. Se a página mostrar Reproduzir, mas não houver som após uma interrupção, pare e reinicie a reprodução. Evite aumentar o volume repetidamente para compensar um contexto de áudio pausado.

Se uma atualização do navegador mudar o comportamento, anote o navegador, a versão do iOS e o dispositivo de saída ao entrar em contato com o suporte. Esses detalhes são mais úteis do que um relato vago de que o temporizador falhou.

Um teste rápido antes de dormir

Abra a página. Toque em Reproduzir. Abaixe o volume. Bloqueie o celular por alguns minutos. Se ainda ouvir o som, desbloqueie o celular e teste uma chamada ou um alerta. Esse teste simples informa muito mais do que uma afirmação de que todos os celulares funcionam da mesma forma. Se o som parar, planeje usar a ferramenta apenas enquanto relaxa antes de dormir.