Som Modelos HTML

Templates HTML de som estruturados

Os templates HTML de som oferecem um layout pré-construído para conteúdo em áudio que você pode ajustar visualmente no Nicepage, exportar como arquivos HTML e enviar para o seu próprio servidor. Esse formato serve para o arquivo de um podcast, a lista de faixas de um produtor ou um conjunto de gravações da natureza. Todos eles precisam de texto acompanhando o som, já que um simples botão de reprodução quase nada esclarece.

Cartões de faixas repetíveis na marcação

Um bom template mantém o título, o reprodutor e as notas de uma faixa em um único bloco de marcação. Assim, nada se desloca em direção à gravação seguinte quando você o duplica. Uma faixa em destaque pode usar uma capa grande e notas mais detalhadas, enquanto um catálogo amplo de efeitos sonoros funciona melhor com cartões compactos. Títulos específicos também ajudam: «Chuva fraca em uma varanda de madeira» diz muito mais ao ouvinte do que apenas «Chuva».

Uma seção comum de efeitos sonoros é criada em poucas etapas:

1. Dê um nome claro ao primeiro efeito, anexe seu arquivo ou uma URL de origem e adicione uma linha sobre como o som pode ser reutilizado.
2. Duplique o cartão finalizado para cada novo efeito.
3. Verifique se cada cópia aponta para o seu próprio arquivo, pois um bloco duplicado pode manter silenciosamente a origem do clipe anterior.

Editar o código após a exportação

A maior parte da personalização ocorre no editor visual do Nicepage, onde você altera textos e configura blocos de áudio sem abrir nenhum arquivo. O trabalho em HTML começa na exportação, quando o projeto sai do Nicepage como arquivos de página acompanhados de seus scripts e imagens. É possível fazer alterações de código nesses arquivos e, em seguida, publicá-los em seu próprio servidor ou entregá-los a um desenvolvedor.

O áudio merece atenção redobrada nesta etapa:

1. Envios por meio do elemento de áudio têm limite de 10 MB, portanto gravações longas devem ser vinculadas preferencialmente por URL.
2. As URLs externas de áudio precisam permanecer públicas; caso contrário, o reprodutor ficará mudo após a publicação.
3. Caminhos relativos podem quebrar se você reorganizar pastas no servidor.

Testes de reprodução em um servidor ativo

A visualização rápida no aplicativo para desktop pode bloquear a reprodução devido a restrições do navegador; logo, o teste real deve ser feito após o envio dos arquivos. Em um celular, verifique se cada reprodutor mantém uma largura utilizável e se títulos longos quebram linhas sem empurrar os controles para fora. Tente navegar até cada reprodutor usando apenas o teclado. As notas devem descrever o que é realmente audível, pois um rótulo como «tranquilo» quase nada informa a quem não consegue ouvir o clipe. Gravações com fala necessitam de transcrição, já que o reprodutor não cria uma sozinho.

Um template HTML de som fica pronto quando seus arquivos sobem sem erros e todos os links de áudio funcionam no servidor. Quando dois designs são parecidos, aquele que exige menos correções de código se mantém melhor ao longo do tempo.