Twenty-eight!
https://codepen.io/OuterVale/pen/myVjEPQ
I see tons of custom JavaScript media players, so I wanted to see how a CSS-only approach to `<audio>` fares. This one doesn't work in Firefox, unfortunately.
Vale
npub1fs…8tlr3
2025-10-28 08:21:49 UTC
in reply to nevent1q…6lyl
Author Public Key
npub1fs69n2f28eumgdf3l9qwkaa58xm73wz56vzksdypku2v895puays78tlr3Seen on
wss://relay.momostr.pinkPublished at
2025-10-28 08:21:49 UTCEvent JSON
{
"id": "af4e45cbe2389caabe30e62e36f18ba897aee0f11905c1d1c266364e47aa1b84",
"pubkey": "4c3459a92a3e79b43531f940eb77b439b7e8b854d305683481b714c39681e749",
"created_at": 1761639709,
"kind": 1,
"tags": [
[
"p",
"4c3459a92a3e79b43531f940eb77b439b7e8b854d305683481b714c39681e749"
],
[
"e",
"3e53f3d1a1e784d1ad389bc74b3ac318ff9049c7d867b067ba591429c44a9197",
"",
"root",
"4c3459a92a3e79b43531f940eb77b439b7e8b854d305683481b714c39681e749"
],
[
"e",
"2e69dd8691d99f44f53bfa20bfbb2118933766dd9be9c5bd92d83822e268202a",
"",
"reply",
"4c3459a92a3e79b43531f940eb77b439b7e8b854d305683481b714c39681e749"
],
[
"proxy",
"https://fedi.vale.rocks/objects/a7d0988b-13ca-4503-a0b1-637583ddf43c",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://fedi.vale.rocks/objects/a7d0988b-13ca-4503-a0b1-637583ddf43c",
"pink.momostr"
],
[
"-"
]
],
"content": "Twenty-eight!\r\n\r\nhttps://codepen.io/OuterVale/pen/myVjEPQ\r\n\r\nI see tons of custom JavaScript media players, so I wanted to see how a CSS-only approach to `\u003caudio\u003e` fares. This one doesn't work in Firefox, unfortunately.",
"sig": "ad877a8d88401d97d79eae542fd8c1617438ff4054edf98aa523fd52ebd889275b60653a253ac5aeee7d918a6479da6b5f26b8cd18c3bf9ca58218f11a1dba5c"
}