Experimental browser for the Atmosphere
Just created a new pen! 🎵 It features a Swiper card slider synced with a dynamic music player. 🎶 You can skip, shuffle, play, or pause songs seamlessly with smooth transitions and interactive controls. #CodePen #SwiperJS #slider #music-player @codepen.io : codepen.io/ecemgo/pen/P...
Jan 22, 2025, 11:59 AM
{ "uri": "at://did:plc:vuloe54fo6zhmh4dj3d6esog/app.bsky.feed.post/3lgdcxcg2os2b", "cid": "bafyreibqfw4ywyb4b22s2zftv6kbmbe5h5hyd7g7nbdlpiypjhoh65hvbm", "value": { "text": "Just created a new pen! 🎵\n\nIt features a Swiper card slider synced with a dynamic music player. 🎶\n\nYou can skip, shuffle, play, or pause songs seamlessly with smooth transitions and interactive controls.\n\n#CodePen #SwiperJS #slider #music-player\n\n@codepen.io : codepen.io/ecemgo/pen/P...", "$type": "app.bsky.feed.post", "embed": { "$type": "app.bsky.embed.video", "video": { "$type": "blob", "ref": { "$link": "bafkreihenhljkplefpebdumkmovobt4vnxmsck3eioodk3d7jnj5gwtdly" }, "mimeType": "video/mp4", "size": 3659378 }, "aspectRatio": { "width": 1904, "height": 1080 } }, "langs": [ "en" ], "facets": [ { "index": { "byteEnd": 219, "byteStart": 211 }, "features": [ { "tag": "CodePen", "$type": "app.bsky.richtext.facet#tag" } ] }, { "index": { "byteEnd": 229, "byteStart": 220 }, "features": [ { "tag": "SwiperJS", "$type": "app.bsky.richtext.facet#tag" } ] }, { "index": { "byteEnd": 237, "byteStart": 230 }, "features": [ { "tag": "slider", "$type": "app.bsky.richtext.facet#tag" } ] }, { "index": { "byteEnd": 251, "byteStart": 238 }, "features": [ { "tag": "music-player", "$type": "app.bsky.richtext.facet#tag" } ] }, { "$type": "app.bsky.richtext.facet", "index": { "byteEnd": 264, "byteStart": 253 }, "features": [ { "did": "did:plc:ojnzjyin5d7wl5jorhfcxmrz", "$type": "app.bsky.richtext.facet#mention" } ] }, { "index": { "byteEnd": 293, "byteStart": 267 }, "features": [ { "uri": "https://codepen.io/ecemgo/pen/PwYyNxa", "$type": "app.bsky.richtext.facet#link" } ] } ], "createdAt": "2025-01-22T11:59:41.328Z" } }