Sobes.tech
Middle

A que eventos se pode inscrever para elementos de vídeo ou áudio?

sobes.tech IA

Resposta da IA

Pode subscrever-se aos seguintes eventos para elementos video ou audio:

  • loadstart: Começa o processo de carregamento do recurso.
  • progress: Em processo de carregamento do recurso.
  • suspend: O carregamento foi suspenso (por exemplo, desconexão de rede).
  • abort: O carregamento foi interrompido pelo utilizador.
  • error: Ocorreu um erro ao carregar ou reproduzir.
  • emptied: O estado de rede do elemento está vazio.
  • stalled: O carregamento de dados foi interrompido.
  • loadedmetadata: Os metadados estão prontos (dimensões, duração).
  • loadeddata: Os dados iniciais para reprodução estão prontos.
  • canplay: O elemento pode começar a reproduzir, mas pode ser necessário buffer.
  • canplaythrough: O elemento pode reproduzir até ao fim sem parar para buffer.
  • playing: A reprodução começou.
  • play: A reprodução foi iniciada ou retomada.
  • pause: A reprodução foi pausada.
  • waiting: A reprodução foi interrompida devido à necessidade de buffer.
  • seeking: O utilizador está a procurar na linha do tempo.
  • seeked: O utilizador terminou de procurar na linha do tempo.
  • ended: A reprodução terminou.
  • durationchange: A duração do recurso mudou.
  • timeupdate: A posição atual de reprodução mudou.
  • volumechange: O volume ou estado de silêncio mudou.
  • ratechange: A velocidade de reprodução mudou.
  • resize: O tamanho do vídeo mudou (por exemplo, devido a uma mudança de orientação do dispositivo).
  • cuechange: As partes ativas do texto para a faixa atual mudaram.

Exemplo de subscrição ao evento play:

// Obter o elemento de vídeo
const videoElement = document.getElementById('myVideo');

// Subscrever ao evento 'play'
videoElement.addEventListener('play', () => {
  // Ações ao início da reprodução
  console.log('O vídeo começou a reproduzir');
});