Function updateFooterTrack

static/js/player.js:1238–1266

({ title, thumbnail, key, bpm, stemCount } = {})

}

export function updateFooterTrack({ title, thumbnail, key, bpm, stemCount } = {}) {
  if (footerThumb) {
    const artEl = footerThumb.closest(".footer-art");
    if (thumbnail) {
      footerThumb.src = thumbnail;
      footerThumb.onload = () => {
        footerThumb.classList.add("loaded");
        artEl?.classList.add("has-art");
      };
      footerThumb.onerror = () => {
        footerThumb.classList.remove("loaded");
        artEl?.classList.remove("has-art");
      };
    } else {
      footerThumb.removeAttribute("src");
      footerThumb.classList.remove("loaded");
      artEl?.classList.remove("has-art");
    }
  }
  if (footerTitle && title !== undefined) footerTitle.textContent = title;
  if (footerMeta) {
    const parts = [];
    if (key) parts.push(key);
    if (bpm) parts.push(`${Math.round(bpm)} BPM`);
    if (stemCount != null) parts.push(`${stemCount} Stems`);
    if (key !== undefined || bpm !== undefined || stemCount !== undefined)
      footerMeta.textContent = parts.join(" • ");
  }
}

function _triggerDownload(url, filename) {
  const fullUrl = url.startsWith("http") ? url : `${location.origin}${url}`;