← Tutti gli esempi

Azione Media

Cattura il fotogramma video corrente

Azione della barra che salva il fotogramma corrente del video in riproduzione come file PNG.

Codice da copiare

// Toolbar action: capture the current frame of the playing video.
(function () {
  var videos = Array.prototype.slice.call(document.querySelectorAll('video'));
  videos.sort(function (a, b) {
    return (b.clientWidth * b.clientHeight) - (a.clientWidth * a.clientHeight);
  });
  var v = videos[0];
  if (!v || !v.videoWidth) { alert('No playable video found.'); return; }
  try {
    var c = document.createElement('canvas');
    c.width = v.videoWidth;
    c.height = v.videoHeight;
    c.getContext('2d').drawImage(v, 0, 0, c.width, c.height);
    var a = document.createElement('a');
    a.href = c.toDataURL('image/png');
    a.download = 'video-frame-' + Math.round(v.currentTime) + 's.png';
    document.body.appendChild(a);
    a.click();
    a.remove();
  } catch (e) {
    alert('Could not capture this frame: ' + e.message);
  }
})();

Come usare questo esempio

  1. Copia il codice con il pulsante qui sopra.
  2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
  3. Aggiungi una nuova regola corrispondente a quella pagina.
  4. Attiva il pannello azioni, aggiungi un pulsante nella scheda Azioni e incollaci il codice — lo avvii con un clic.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso