Picobel

Using Picobel you can turn a plain old <audio> tag that looks like this:

Audio source: Freeze Them on Bandcamp

...into a fully styled set of elements that looks like this:

import picobel from "picobel";

picobel({ theme: "default" });

Or maybe like this:

import picobel from "picobel";

picobel({
    theme: "bare",
    components: ["playPause", "timer", "duration", "progress"]
});

Or how about some retro media-player vibes?

import picobel from "picobel";

picobel({ theme: "itunes" });

You can apply whatever styles you like (Note: this monstrosity is not an officially-supported theme!)

import picobel from "picobel";

picobel({
    theme: "comic-sans-ftw",
    components: [
        "playPause",
        "mute",
        [
            ["title", "artist"],
            ["timer", "progress", "duration"]
        ]
    ]
});