Como utilizar melhor a tag de áudio em HTML?



Este artigo traz um tópico interessante que diz respeito ao desenvolvimento web que é Audio Tag In HTML With Practical Demonstration.

Este artigo traz um tópico interessante que diz respeito ao desenvolvimento web que é Audio Tag In HTML. Este artigo irá ajudá-lo a explorar este tópico com demonstração prática. As dicas a seguir serão abordadas neste artigo,

Então, vamos começar,





Tag de áudio em HTML

HTML é obviamente a primeira coisa que vem à mente depois de ouvir o termo Www. Basicamente, é a coisa por trás de cada site que você visita hoje.

O HTML sozinho não pode fazer justiça com alguns dos designs mais amados que vemos hoje. Requer ajuda e é fornecida por CSS ou Planilha em estilo cascata . HTML e CSS podem ser usados ​​juntos para criar algumas páginas da web atraentes.



Tags e atributos em HTML

Ambos são os fundamentos do HTML e ambos funcionam juntos, mas desempenham funções diferentes.

Tag: As tags são usadas para marcar o início do elemento HTML e são colocadas entre colchetes angulares.



Exemplo:

A tag acima é a tag do título em HTML.

Atributos: são as informações adicionais sobre as tags e são especificados na tag.



tipo de dados data t sql

Exemplo:

<img src=”Hello_world.jpg” tudo='Minhas primeiro programa'>

A tag acima é uma tag de imagem e alt é o atributo da tag e fornece a descrição da imagem hello_world.jpg

Como já discutimos os fundamentos de que precisávamos, agora podemos prosseguir com o motivo deste artigo, que é algum HTML avançado eTags CSS.

Continuando com esta tag de áudio em artigo HTML,

Tag de áudio

Como o nome especifica, essa tag é definitivamente responsável pelos sons na página da web. Isso pode ser usado para fornecer música ou qualquer outro fluxo para a página da web. Os formatos atualmente suportados que podem ser usados ​​com tag são MP3, WAV e OGG.

Exemplo:

Seu navegador não suporta a tag de áudio.

GitHub Gist Link:

Saída - Tag de áudio em HTML - Edureka

É assim que um áudio apareceria na página da web.

A linha que contém a mensagem de que a tag de áudio não é compatível é exibida se o navegador usado pelo usuário não suportar a tag de áudio.A tag de áudio foi introduzida no HTML 5. Portanto, os navegadores que não suportam o HTML 5 não suportariam a tag de áudio.

Continuando com esta tag de áudio em artigo HTML,

Atributos da tag de áudio

Os atributos da tag de áudio são:

  • Reprodução automática: Isso garante que o áudio comece a tocar assim que for carregado na página da web.
  • Controles: Ele especifica que os controles de áudio, como o botão de reprodução e pausa, serão exibidos na página da web.
  • Ciclo: Ele especifica que o áudio na página da web seria reproduzido em loop, ou seja, continuamente.
  • Mudo: Isso garante que a saída de áudio da tag de áudio seja silenciada, ou seja, não haverá som.
  • Pré-carga: Ele especifica se e como do lado do autor, ou seja, como o autor deseja que o áudio seja carregado quando a página da web for carregada.
  • Src: Ele especifica a origem do arquivo, ou seja, o endereço do arquivo de áudio que deve ser usado.

Nota: A tag de áudio também oferece suporte a atributos globais em HTML, como accesskey, class, dir, dropzone, hidden, id, lang, style.

Isso nos leva ao final deste artigo sobre Audio Tag In HTML.

Agora que você sabe o que é HTML, verifique o por Edureka. O Treinamento de Certificação de Desenvolvimento Web ajudará você a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implantá-lo no Amazon Simple Storage Service (S3).

Tem alguma questão para nós? Mencione isso na seção de comentários deste artigo e entraremos em contato com você.