SoundCloud: mostrar la duración junto al título
Añade la duración de cada pista junto a su título en el stream para elegir más fácilmente.
Código para copiar
// Surface each stream track's duration next to its title
function showDurations() {
document.querySelectorAll('.soundList__item').forEach(function (item) {
if (item.dataset.jzDur) { return; }
const dur = item.querySelector('.sound__duration, .playbackTimeline__duration');
const title = item.querySelector('.soundTitle__title');
if (dur && title && dur.textContent.trim()) {
const tag = document.createElement('span');
tag.textContent = ' [' + dur.textContent.trim() + ']';
tag.style.color = '#999';
title.appendChild(tag);
item.dataset.jzDur = '1';
}
});
}
showDurations();
const obs = new MutationObserver(showDurations);
obs.observe(document.documentElement, { childList: true, subtree: true });Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.
Valora este ejemplo
Sin valoraciones — sé el primero.