Eventos de mídia HTML

Eventos de mídia HTML
Os eventos de mídia são acionados por mídias como imagens, áudio, vídeos, etc. Os eventos da mídia podem ser aplicados a todos os elementos, mas como o nome mostra, eles são mais adequados para elementos de mídia. O suporte a eventos da mídia foi limitado no HTML4. No entanto, a maioria dos eventos de mídia usados ​​hoje são adicionados após o HTML5.

Vamos explorar eventos de mídia suportados por html.

Eventos de mídia HTML

Esta seção fornece uma visão geral detalhada dos eventos de mídia suportados pelo HTML.

onabort

Este evento aparece quando o carregamento da mídia (áudio/vídeo) é abortado. Este evento suporta e tags.

Sintaxe

ONCANPLAY

O OnCanplay ocorre quando a mídia específica está prestes a tocar/correr. Por exemplo, se o arquivo de vídeo estiver em buffer (não completamente buffer) o suficiente para ser executado, esse evento de mídia será acionado para esse elemento. As tags HTML suportadas por esses eventos de mídia são e .

Sintaxe

ONCANPLAY THROUGH

Este evento acontece quando o arquivo de mídia específico é buffer completamente. O evento OnCanplay Through ocorre após o ONCANPLAY evento.

Sintaxe

onemunhado

Como mostra o nome do atributo, esse evento acontece quando o elemento específico contém um elemento de mídia vazio.

Sintaxe

Oned

O evento acontece quando algum áudio ou vídeo terminou. Este evento suporta e tags.

Sintaxe

OnDurationChange

Este evento aciona quando a duração do arquivo de áudio/vídeo específico foi alterado.

Sintaxe

OnError

Este evento acontece quando o carregamento de qualquer arquivo externo é falhado. Os elementos html apoiados por este evento são ,,,, e .

Sintaxe

OnLoadedData

Este evento acontece quando a mídia do próximo quadro não é suficiente para continuar o jogo ininterrupto. O evento OnLoadedData suporta e .

Sintaxe

OnLoadedMetadata

Este evento acontece quando os metadados de uma mídia específica são carregados. Os metadados referem -se à duração e dimensões desse elemento de mídia.

Sintaxe

ONLOADSTART

Este evento acontece sempre que um arquivo de mídia específico está sendo carregado.

Sintaxe

OnPause

Este evento ocorre quando a mídia específica é interrompida por qualquer fonte (talvez um usuário ou qualquer programa). E são as tags suportadas por este evento.

Sintaxe

onplay

Este evento ocorre quando o arquivo de mídia está pronto para começar.

Sintaxe

onplaying

Este evento acontece quando a mídia foi iniciada (por um usuário ou um programa).

Sintaxe

em progresso

Este evento acontece quando o navegador está carregando o arquivo de mídia/áudio.

Sintaxe

OnRatechange

Este evento é acionado quando o vídeo está sendo reproduzido a uma taxa mais lenta ou mais rápida que o original.

Sintaxe

Onseeking

Este evento ocorre quando o usuário navega para uma nova posição em um arquivo de áudio/vídeo.

Sintaxe

Onseeked

Este evento é acionado quando o usuário terminar o processo de busca.

Sintaxe

ONSTALLED

O evento no local acontece quando o navegador está tentando buscar o arquivo de mídia, mas o arquivo não está disponível.

Sintaxe

ONSUSPEND

Este evento aciona quando a mídia está disponível para buscar, mas o navegador não deseja carregar ou o carregamento é pausado por algum motivo.

OnTimeUpdate

O evento OnTimeUpdate ocorre quando a posição de reprodução (jogando o arquivo de mídia navegando para um tempo diferente) do arquivo de mídia é alterado.

Sintaxe

Onvolumechange

Como o nome mostra, o evento é acionado quando o volume do arquivo de mídia foi alterado.

Sintaxe

Onwaiting

O evento Onwaiting é acionado quando o vídeo é interrompido para buffer o próximo quadro.

Sintaxe

Com as informações acima fornecidas, você teria aprendido a aplicação de vários eventos de mídia.

Conclusão

Os eventos HTML ocorrem sempre que qualquer tipo de manipulação acontece com os elementos da mídia na página. O HTML 5 é bastante rico em relação aos eventos da mídia, pois o número de eventos da mídia foi aumentado da versão anterior HTML. Este artigo solicita os eventos de mídia HTML, seu objetivo e a sintaxe suportados por todos. Os eventos de mídia HTML podem ser usados ​​para manter o foco na mudança que ocorre devido à mídia.