HTML Av ( áudio e vídeo) Referência DOM
Referência HTML AV DOM
Aqui, estamos discutindo referências à Av Dom. Em HTML5, os elementos audio <audio> e video <video> possuem eventos, métodos e propriedades.
Esta tabela contém todas as informações sobre HTML para AV Doms .
Referência HTML AV DOM
A referência DOM de áudio/vídeo HTML fornece um conjunto de propriedades e métodos para trabalhar com elementos de áudio e vídeo em HTML. Algumas das vantagens de usar esta referência incluem:
- APIs consistentes: a referência DOM de áudio/vídeo fornece uma API consistente para trabalhar com elementos de áudio e vídeo, independentemente do formato de mídia específico. Isso facilita o trabalho dos desenvolvedores com diferentes tipos de mídia e garante uma experiência consistente para os usuários.
- Interatividade aprimorada: a referência DOM de áudio/vídeo permite que os desenvolvedores adicionem interatividade a elementos de áudio e vídeo, como pausar ou rebobinar um vídeo ou ajustar o volume de uma faixa de áudio. Isso melhora a experiência do usuário e facilita a interação dos usuários com os elementos de mídia.
- Acessibilidade: a referência DOM de áudio/vídeo inclui propriedades e métodos que podem melhorar a acessibilidade de elementos de áudio e vídeo, como legendas ou legendas para usuários com deficiência auditiva. Isso ajuda a garantir que o conteúdo de mídia seja acessível a todos os usuários.
- Compatibilidade entre navegadores: A referência DOM de áudio/vídeo foi projetada para funcionar em diferentes navegadores da Web, garantindo que os elementos de mídia funcionem de forma consistente, independentemente da escolha do navegador do usuário.
- Integração com JavaScript: A referência DOM de áudio/vídeo pode ser facilmente integrada com JavaScript, permitindo que os desenvolvedores criem experiências de mídia dinâmicas e interativas em páginas da web. Isso permite um conteúdo de mídia mais envolvente e imersivo na web.
Métodos de áudio/vídeo em HTML
O HTML fornece uma variedade de métodos para controlar a reprodução de áudio e vídeo em uma página da web. Esses métodos permitem personalizar o comportamento dos elementos de áudio e vídeo, como controlar a velocidade de reprodução, o volume e a posição no arquivo de mídia. Com os métodos de áudio/vídeo em HTML, os desenvolvedores podem criar experiências de mídia dinâmicas e interativas que envolvem os usuários e aprimoram a experiência geral do usuário em uma página da web.
| Método | Visão geral |
|---|---|
| carregar() | Os elementos de áudio/vídeo são recarregados. |
| addTextTrack() | Uma nova faixa de texto é inserida no áudio/vídeo. |
| canPlayType() | Testa se o navegador é capaz de reproduzir o tipo de áudio/vídeo selecionado em Ref Av Dom. |
| jogar() | A reprodução de vídeo/áudio começa. |
| pausa() | Ele pausa o áudio/vídeo que está sendo reproduzido. |
Propriedades de áudio/vídeo HTML
O HTML fornece uma variedade de propriedades que podem ser usadas para personalizar o comportamento e a aparência dos elementos de áudio e vídeo em uma página da web. Essas propriedades incluem atributos para controlar a reprodução, ajustar o volume e a velocidade da reprodução e exibir legendas e outros elementos visuais. Aproveitando o poder dessas propriedades, os desenvolvedores podem criar experiências atraentes de áudio e vídeo que aprimoram a experiência geral do usuário de seus aplicativos da web.
| Propriedade | Visão geral |
|---|---|
| atualSrc | Este método retorna o URL de vídeo/áudio ativo . |
| faixas de áudio | Um objeto AudioTrackList que representa as faixas de áudio disponíveis é retornado. |
| controlador | Este método retorna o objeto MediaController que corresponde ao controlador de mídia de áudio/vídeo atual. |
| crossOrigin | Fornece as configurações CORS de áudio/vídeo ou as retorna. |
| controles | Fornece uma maneira de configurar ou retornar se os controles aparecerão no áudio/vídeo (como reproduzir/pausar etc.) |
| Reprodução automática | Caso o áudio ou vídeo seja carregado, ele está pronto para iniciar a reprodução ou não. |
| tamponado | As partes de áudio/vídeo compactadas são retornadas como objetos TimeRanges . |
| hora atual | Fornece uma maneira de especificar ou retornar a posição atual de reprodução de áudio/vídeo (em segundos). |
| defaultMuted | A condição de mudo inicial de áudio/vídeo é especificada ou retornada. |
| padrãoPlaybackRate | Uma velocidade padrão de reprodução de áudio/vídeo pode ser especificada ou retornada em Ref Av Dom. |
| erro | Ele retorna um objeto MediaError que indica o erro de áudio ou vídeo. |
| mudo | Uma função para áudio/vídeo para especificar ou retornar se está mudo ou não. |
| estado da rede | Fornece um estado de rede atualizado para áudio/vídeo. |
| pausado | O estado de pausa do áudio/vídeo pode ser determinado por esta função. |
| duração | Esta função retorna a duração do áudio/vídeo presente (em segundos). |
| terminou | Esta função indica se o áudio ou vídeo terminou de tocar. |
| buscando | A condição de busca de áudio/vídeo atual do usuário é retornada. |
| laço | In Ref Av Dom especifica ou retorna se o áudio/vídeo deve começar novamente após o término. |
| mediaGroup | Fornece o grupo de áudio/vídeo (para conectar vários elementos de áudio/vídeo) definindo-o ou retornando-o. |
| origem | Especifica ou retorna a fonte atual do elemento de áudio/vídeo. |
| textTracks | Este método retorna um objeto TextTrackList contendo as faixas de texto disponíveis. |
| taxa de reprodução | A velocidade de reprodução de áudio/vídeo pode ser alterada ou retornada. |
| jogado | Este método retorna um objeto TimeRanges que indica as partes do áudio/vídeo que foram reproduzidas. |
| faixas de vídeo | Indica as faixas de vídeo acessíveis retornando um objeto VideoTrackList . |
| volume | O volume do áudio/vídeo é alterado ou devolvido quando se trata de Ref Av Dom . |
| pré-carga | Define ou retorna se o áudio/vídeo deve ser carregado quando a página for carregada em Ref Av Dom |
| estado pronto | Fornece o estado atual de prontidão do áudio/vídeo. |
| pesquisável | Fornece um objeto TimeRanges que indica as partes de áudio/vídeo pesquisáveis. |
| data de início | Fornece um objeto Date que indica o deslocamento de tempo atual. |
Eventos de áudio/vídeo HTML
O HTML oferece vários eventos que podem ser utilizados para incorporar interatividade em elementos de áudio e vídeo em uma página da web. Esses eventos permitem que os desenvolvedores criem experiências de usuário dinâmicas e responsivas ativando ações com base nas entradas do usuário ou alterações no estado da mídia.
Alguns dos eventos comumente usados para áudio e vídeo HTML incluem “play”, “pause”, “ended” e “timeupdate”. O evento “play” é iniciado quando a mídia começa a tocar, enquanto o evento “pause” é acionado quando a mídia é pausada. O evento “end” é iniciado quando a reprodução da mídia termina, e o evento “timeupdate” é ativado periodicamente à medida que a reprodução da mídia avança.
Além disso, outros eventos para áudio e vídeo HTML incluem “volumechange”, que é iniciado quando o volume é alterado, e “loadedmetadata”, que é acionado quando os metadados da mídia, como duração e dimensões, são carregados.
Ao utilizar esses eventos, os desenvolvedores podem criar ouvintes de eventos personalizados e funções de manipulação de eventos para adicionar uma ampla gama de recursos interativos a seus elementos de áudio e vídeo, como exibição de barras de progresso de reprodução, ativação de animações ou atualização de outros elementos de página com base na reprodução de mídia.
| Evento | Visão geral |
|---|---|
| dados carregados | Este evento ocorre depois que o navegador carrega o quadro atual de vídeo/áudio. |
| abortar | Este evento é acionado se o carregamento de vídeo ou áudio for interrompido. |
| pode jogar | Ativa assim que o navegador estiver pronto para reproduzir áudio ou vídeo. |
| jogar | Um evento ocorre sempre que o áudio/vídeo começa ou não é pausado. |
| jogando | Quando o áudio/vídeo foi pausado ou parado para armazenamento em buffer, o evento é acionado quando começa a ser reproduzido novamente |
| progresso | Ativa quando o áudio/vídeo está sendo baixado pelo navegador. |
| taxa de câmbio | Quando a velocidade do áudio/vídeo muda, o evento ocorre. |
| procurou | Esta função é executada assim que o usuário terminar de mover/pular o áudio/vídeo. |
| buscando | Sempre que o usuário se move ou pula para uma nova posição no vídeo ou no áudio, esse método é invocado. |
| parado | Isso acontece quando o navegador tenta obter dados de mídia, mas não consegue. |
| pausa | Ativa no momento em que o áudio/vídeo é pausado. |
| terminou | Sempre que a lista de reprodução atual terminar, esse método será executado. |
| erro | Este evento é disparado caso ocorra algum erro durante o carregamento do áudio ou vídeo. |
| suspender | Sempre que o navegador propositadamente não obtém dados de mídia em Ref Av Dom, esse evento ocorre |
| pode jogar | Isso acontece quando o navegador não precisa armazenar em buffer o áudio/vídeo. |
| atualização de tempo | Sempre que a posição de reprodução muda, isso é acionado. |
| mudança de volume | Sempre que o volume muda, ele executa. |
| esperando | Sempre que o vídeo para, isso aciona o buffer do próximo quadro. |
| metadados carregados | Sempre que o navegador carrega metadados para áudio/vídeo em Ref Av Dom, ele inicia. |
| mudança de duração | Sempre que a duração do áudio/vídeo é alterada, esta função é executada. |
| esvaziado | Em resposta a uma lista de reprodução vazia, esse método é invocado. |
| loadstart | Sempre que o navegador começa a procurar por áudio/vídeo, esse evento ocorre. |
