Como incorporar arquivos de áudio em um documento html5
Video: Curso de HTML5 - 31 - Áudio e Vídeo em HTML5 - by Gustavo Guanabara
Conteúdo
Quando você quiser adicionar áudio a uma página web, tudo o que você precisa fazer é codificar o arquivo de áudio original, que com alguma sorte será a gravação original, em cada um dos formatos de web-friendly e incorporar todos eles no documento HTML5 do seguinte modo:
Video: Como colocar música em uma página HTML?
Crie um documento HTML5 no Dreamweaver ou o seu editor HTML favorito.
Video: Curso de Dreamweaver - Aula 5 (Inserir arquivos de vídeo)
Mudar para a vista de código do seu editor HTML.
Posicione o cursor no corpo do documento.
Isso seria em qualquer lugar após a tag.
Insira o seguinte código:
As três primeiras linhas de código vai jogar o formato de arquivo suportado pelo navegador do usuário. Se o usuário acessa a página com um navegador mais antigo, o aviso na quarta linha de código é exibida.
Salve o documento e testá-lo em cada navegador utilizado pelo seu público-alvo.
Se você usar o Dreamweaver CS6, você pode usar o Adobe Labs navegador para testar o documento em cada navegador que suporte HTML5. Você acessa Adobe Labs navegador escolhendo Arquivo → Visualizar no navegador → Lab Adobe Navegador.
As etapas anteriores são todos bem e bom para música de fundo, mas para incorporar um arquivo de áudio com controles em um documento HTML5, posicione o cursor onde deseja que o jogador a aparecer no passo 3, e alterar o código no passo 4 para o seguinte:
Este código permite a reprodução de áudio em um navegador HTML5-friendly. Se o visitante do site usa um navegador que não oferece suporte a HTML5, a quarta linha de código é exibida.