O padrão HTML5 oferece suporte a dois mecanismos diferentes para a apresentação de arquivos de áudio. Vincule um MP3, tornando-o disponível para download, ou incorpore-o de forma que as pessoas possam ouvir a música de um reprodutor de áudio na página.
Disponibilidade de áudio
O arquivo MP3 deve estar acessível na Internet antes que um link ou um objeto incorporado seja bem-sucedido. Se o MP3 já estiver online, copie o URL direto para o arquivo. Este URL deve ser para o ativo de mídia; não pode ser para a página à qual o ativo está associado.
Com seus próprios MP3s, você deve usar uma ferramenta para enviar o arquivo do seu computador para um servidor de arquivos da Internet. A maioria das pessoas usa FTP, SFTP ou SSH para fazer upload de MP3 em seus sites, embora se o seu site usar um sistema de gerenciamento de conteúdo como o WordPress, o CMS oferece suporte a um utilitário de upload de apontar e clicar.
Adicionando o MP3 à sua página da web
Com um URL em mãos, você está pronto para adicionar o MP3 ao seu site. Se sua ferramenta de criação de página oferece suporte a uma interface de apontar e clicar, use-a - porque cada uma é diferente, consulte a documentação do CMS para procedimentos específicos.
Independentemente de sua GUI, as edições manuais do HTML sempre funcionam de forma consistente.
Criando um Link
Um link que abre o arquivo de mídia em uma nova guia ou faz o download para o computador de um visitante depende de um padrão âncora marcação. O elemento HTML, portanto, consiste em tags âncora, a URL do MP3, o texto que ativa o hiperlink e parâmetros opcionais. Por exemplo, para baixar podcast.mp3 através de um link intitulado Baixe o show!, use o seguinte elemento HTML:
Baixe o show!
Este elemento força um download do MP3. Para permitir que o MP3 seja aberto, remova o download atributo no final do URL do MP3.
Incorporando o arquivo de áudio
Para usar HTML5 para incorporar um reprodutor de áudio minúsculo, use o audio elemento. Como alguns navegadores não o suportam, qualquer texto incluído no elemento será exibido se o navegador não puder exibir um reprodutor de áudio.
Seu navegador não suporta a tag de áudio.
O audio elemento inclui vários atributos padrão:
- Reprodução automática: Se especificado na tag, o áudio é reproduzido assim que é carregado e está pronto, independentemente da interação do visitante com o reprodutor de áudio integrado.
- Controles: Exibe os controles básicos, incluindo um botão reproduzir / pausar e um link para download.
- Laço: Quando especificado, ciclo reproduz continuamente o áudio.
- Silenciado: Silencia a saída de áudio.