Manipulação de arquivos multimídia em HTML

Multimídia é uma maneira de comunicação que inclui representações de áudio, visual e gráfico. A multimídia desempenha um papel significativo no desenvolvimento da Web, pois reduz as dificuldades de alfabetização e torna um site mais fácil de usar. Portanto, o HTML fornece várias tags multimídia para incorporar qualquer arquivo multimídia em um site. Nesta redação, apresentaremos como adicionar um arquivo multimídia a um site, para que você precise entender os seguintes fundamentos da multimídia:

• Multimídia em HTML
• Formatos multimídia suportados por HTML
• Como adicionar imagens em html
• Como jogar áudio em um site
• Como reproduzir vídeo em um site
• Como reproduzir um vídeo do YouTube usando HTML

Vamos explorar cada um dos conceitos acima mencionados um por um:

Multimídia em HTML

Multimídia é uma maneira de transferir informações de uma fonte para a outra. Pode ser qualquer coisa como áudio, vídeo, etc. Através do poder do HTML, podemos adicionar áudio, vídeo ou qualquer outro tipo de arquivos multimídia aos nossos sites.

Formatos multimídia suportados por HTML

Cada arquivo tem um formato de arquivo e uma extensão de arquivo e essas extensões nos informam sobre os formatos de arquivo. Existem inúmeros formatos de arquivo, mas no desenvolvimento da web, o que mais importa é se o formato de arquivo é suportado pelos padrões HTML ou não?

Aqui está uma lista de formatos de arquivo apoiados por HTML para diferentes tipos de multimídia:

Áudio: MP3, OGG e WAV têm o apoio de todos os navegadores significativos.

Vídeo: MP4, OGG e WEBM são suportados pelo HTML, bem como por todos os principais navegadores como Google, Chrome, Microsoft Edge, etc.

Imagem: JPG/JPEG, PNG e GIF são suportados pelo HTML para imagens.

Como adicionar imagens em html

O HTML fornece uma tag para adicionar uma imagem a um site; são necessários dois atributos principais eu.e. SRC para especificar o caminho e o ALT da imagem para exibir algum texto alternado se uma imagem não puder carregar.

Exemplo

A seguir, a parte do código incorporará uma imagem a um site:

A seguir será a saída para a linha de código acima:

Como adicionar áudio em html

Em html A tag é usada para adicionar um arquivo de áudio a qualquer página da web. Vários atributos podem ser usados ​​dentro da tag de áudio para especificar o funcionamento do marcação.

Exemplo

Vamos supor um exemplo para entender como a tag funciona:

arquivo mp3 não suportado!

A seguir será a saída para o trecho acima:

A saída verifica que o arquivo mp3 está funcionando perfeitamente.

Como adicionar vídeo em html

Em html a A tag é usada para adicionar um vídeo a qualquer site. O html A tag pode ter vários atributos, como controles, AutoPlay, pôster, etc. Esses atributos exploram o funcionamento da tag.

Exemplo

Vamos considerar o trecho abaixo para o profundo entendimento de html marcação

não suportado!!

Dentro Tag, especificamos os atributos para controlar o comportamento do vídeo:

• O controles Atributo exibirá as opções de vídeo como reprodução, pausa, mudo, etc.
• O Reprodução automática o atributo reiniciará o vídeo assim que estiver concluído.
• O silenciado atributo permitirá a opção mudo.

Em seguida, utilizamos a tag de origem para inserir o endereço do vídeo. Especificamos dois formatos de vídeo para que, se o primeiro vídeo não puder funcionar, o navegador reproduzirá o segundo. E se, por algum motivo! ”Aparecerá na tela. A saída será algo assim:

Como incorporar um vídeo do YouTube em uma página da web usando HTML

O

Basta salvar o código HTML e agora você pode reproduzir o vídeo do YouTube em seu site:

O vídeo do YouTube está incorporado ao seu site com sucesso.

Conclusão

O HTML fornece várias tags para lidar com arquivos multimídia para incorporar um áudio, vídeo e imagem em um site usando, e tags, respectivamente. Para incorporar qualquer outro documento em seu site