← Tous les exemples

Action Médias

Capturer l'image vidéo actuelle

Action de barre d'outils qui enregistre l'image actuelle de la vidéo en cours au format PNG.

Code à copier

// 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);
  }
})();

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Activez le panneau d'actions, ajoutez un bouton dans l'onglet Actions et collez-y le code — lancez-le en un clic.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage