Changeset d43ea3f in Klonkt for src/assets/css


Ignore:
Timestamp:
06/20/2026 04:22:32 AM (3 months ago)
Author:
roboburr <roboburr@…>
Branches:
main
Children:
71e8fa5
Parents:
b56afa7
Message:

feat(embed): YouTube playlist/album as audio on the site

An audio-only YouTube embed with ?list=… now renders as an album card (same
style as own albums): cover + album name + numbered track list (titles via the
oEmbed proxy; video IDs via getPlaylist). Clicking a track or the album art
plays via the site audio player (loadPlaylist on index → next/prev within the
album; title/cover update per track; row highlight via #track-<videoId>).
Duration per track is empty (—:—) — not available without a YouTube Data API key.
busters audio-player.js?v=23, embed-player.js?v=12, embed.css?v=7.

Co-Authored-By: Claude <noreply@…>

File:
1 edited

Legend:

Unmodified
Added
Removed
  • src/assets/css/embed.css

    rb56afa7 rd43ea3f  
    133133  pointer-events: none;
    134134}
     135/* YouTube-afspeellijst als album-kaart: geen losse embed-card-chrome, de
     136 * .post-album-stijl (uit style.css) stuurt de weergave. */
     137.pcms-ytalbum { background: none; border: 0; padding: 0; margin: 1.5rem 0; }
     138.pcms-ytalbum-msg { padding: .75rem 1rem; color: var(--ink-soft, #6b6560); font-size: .9rem; }
     139
    135140/* Audio-only embed-kaart die nu via de onderbalk speelt = launcher-hint. */
    136141.pcms-embed-elsewhere { opacity: .9; }
Note: See TracChangeset for help on using the changeset viewer.