Em mais uma postagem sobre HTML vamos aprender a inserir um áudio na sua página web.
Abra o gedit (ou um editor de texto de sua preferência) e abra também o arquivo da aula anterior:
Para inserir um áudio vamos utilizar a tag <audio>, que será responsável por aparecer um player na sua página com o atributo controls. Nela você também pode decidir se o áudio será reproduzido automaticamente ao abrir a página utilizando o atributo autoplay.
Aliado a tag <audio> temos também a tag <source> com os seguintes atributos:
src: É onde identificamos o caminho onde o áudio se encontra no computador, terminado com o nome do áudio seguido de sua extensão.
type: Onde você coloca o tipo da mídia / sua extensão
Vou adicionar uma música da biblioteca da áudio do You Tube que eu baixei e coloquei na pasta midias que estamos utilizando até agora para adicionarmos as imagens. Veja como fica no gedit:
Se tudo ocorrer de forma certa, ao abrir o navegador o áudio que se encontra na pasta midias com o nome Parkside com extensão mp3 irá tocar automaticamente:
Ao abrir o fire fox, o player já apareceu na página assim como a reprodução ocorreu automaticamente. Faça o teste com suas músicas.
Veja agora o vídeo do tutorial:
Nenhum comentário:
Postar um comentário