← Todos los ejemplos

SoundCloud: la barra espaciadora controla la reproducción

Permite pausar y reanudar la reproducción con la barra espaciadora desde cualquier parte de la página.

Código para copiar

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

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.