Elementos HTML de áudio e vídeo
Seu navegador não suporta o elemento de áudio.
Página 10 | Ouça em áudio
Os elementos HTML de áudio e vídeo são uma parte importante do desenvolvimento web moderno. Eles permitem que os desenvolvedores incorporem facilmente arquivos de áudio e vídeo em suas páginas, tornando a experiência do usuário mais rica e interativa.
O elemento é usado para incorporar arquivos de áudio em uma página web. Ele suporta vários formatos de áudio, incluindo MP3, WAV e Ogg. Para incluir um arquivo de áudio em sua página, você pode usar a seguinte sintaxe:
Você também pode adicionar controles de áudio padrão para permitir que os usuários reproduzam, pausem e ajustem o volume do arquivo de áudio. Para fazer isso, adicione o atributo "controls" ao elemento , como mostrado no exemplo abaixo:
O elemento é usado para incorporar arquivos de vídeo em uma página web. Ele suporta vários formatos de vídeo, incluindo MP4, WebM e Ogg. Para incluir um arquivo de vídeo em sua página, você pode usar a seguinte sintaxe:
Assim como o elemento , o elemento também suporta controles de vídeo padrão. Para adicionar esses controles ao seu arquivo de vídeo, adicione o atributo "controls" ao elemento , como mostrado no exemplo abaixo:
Além disso, você também pode adicionar legendas e descrições de áudio para seus arquivos de vídeo usando as tags . As legendas permitem que os usuários com deficiência auditiva acompanhem o conteúdo do vídeo, enquanto as descrições de áudio permitem que os usuários com deficiência visual entendam o que está acontecendo no vídeo. Para adicionar legendas ou descrições de áudio, adicione a tag dentro do elemento , como mostrado no exemplo abaixo:
Em resumo, os elementos HTML de áudio e vídeo são uma ótima maneira de adicionar conteúdo multimídia às suas páginas web. Eles são fáceis de usar e oferecem muitos recursos para tornar a experiência do usuário mais rica e envolvente.
Agora responda o exercício sobre o conteúdo:
_Qual é a sintaxe para adicionar controles de áudio padrão em um arquivo de áudio incorporado em uma página web usando o elemento ?
1
2
3
Você acertou! Parabéns, agora siga para a próxima página
Você errou! Tente novamente.
Próxima página do Ebook Gratuito:
11 Estilos CSS em HTML
3 minutos
Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!