← Tous les exemples

SoundCloud : la barre d'espace contrôle la lecture

Permet de mettre en pause et de reprendre la lecture avec la barre d'espace depuis n'importe où.

Code à copier

// Make the spacebar reliably toggle play/pause from anywhere on the page
document.addEventListener('keydown', function (e) {
  if (e.code !== 'Space') { return; }
  const tag = (e.target.tagName || '').toLowerCase();
  if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) { return; }
  const playBtn = document.querySelector('.playControls__play');
  if (playBtn) {
    e.preventDefault();
    playBtn.click();
  }
}, true);

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. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.