Como adicionar áudio para o seu html5 e css3 baseado páginas da web
HTML tem apoiado imagens por um longo tempo, mas agora ele funciona tão bem com arquivos de áudio. Este é um grande avanço, como áudio exigido anteriormente programas externos como o Flash.
Conteúdo
É bastante fácil de adicionar áudio para uma página web em HTML5 com o novo tag. Aqui está o código para a criação desta página:
audio.html Demonstração de áudio
Música: J. S. Bach "Allemande" Partita para Violino nº 2
Video: HTML5 e CSS3
Embora quase todos os navegador atual suporta a tag, eles ainda não conseguem concordar sobre qual formato para apoiar. Alguns navegadores suporta arquivos MP3, alguns apoiar um novo padrão chamado Ogg, e alguns WAV apoio.
A melhor maneira de ter certeza as jogadas de som é fornecer dois formatos diferentes. Muitas vezes, incluindo ambos os formatos Ogg e MP3 garante que o áudio será reproduzido em todos os principais navegadores.
Para adicionar um arquivo de áudio para sua página, siga estes passos:
Adicione a tag de áudio para sua página.
Video: 062 HTML5 Inserir vídeo nas páginas Web
A etiqueta indica que um arquivo de áudio será colocado. Onde você colocar a tag no código corresponde ao local onde os controles aparecerá.
Ligue controles.
Você pode especificar um painel de controle com o atributo. Isso faz com que um pequeno controle para aparecer. Se você deixar esta directiva para fora, não haverá painel de controle, o que significa que o usuário não será capaz de reproduzir o clipe.
Criar AELEMENT ou dois.
Dentro do par, adicione um ou mais elementos. Cada elemento de origem indica um ficheiro vai ligar.
Definir thesrcattribute para indicar o arquivo.
Video: HTML5 - Audio
O atributo da tag é usada para indicar o nome do arquivo de áudio que você deseja jogar arquivo.
Adicione código alternativo para navegadores mais antigos.
Qualquer código HTML adicional entre as tags e será interpretado somente por navegadores que não entendem a marca de som. Você pode adicionar uma âncora comum para baixar o efeito de som se desejar. Desta forma, mesmo aqueles com navegadores mais antigos podem ouvir o que está faltando.