ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

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

Record data

{
  "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"
  }
}