Changeset 4c9c60b in Klonkt for src/views/shell.ejs

Timestamp:

06/25/2026 05:27:29 AM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

ca25f360

Parents:

e951b7c

Message:

feat(fediverse): player card for music posts (embed player, no raw mp3)

A post with audio now advertises a player card (twitter:player + og:video) pointing
at /embed?post=<slug>, so Mastodon shows an inline player that loads our embeddable
player — audio still streams via the gated /audio/stream, so no downloadable mp3 is
exposed. /embed?post=<slug> scopes the player to that post's tracks. Premium-gated
(the embed player is premium); non-premium falls back to the plain link card.

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

File:

• src/views/shell.ejs (modified) (2 diffs)

src/views/shell.ejs

@@ -153 +153 @@
 <% } %>
 <% if (_canonical) { %><meta property="og:url" content="<%= _e(_canonical) %>"><% } %>
+<%
+// Fediverse/social PLAYER card for posts with audio: instead of shipping the raw
+// mp3, point at our embeddable player (/embed?post=slug) so Mastodon shows an
+// inline player that streams via the gated /audio/stream (no downloadable file).
+const _postAudio = !!(typeof post !== 'undefined' && post
+  && /\[\[(track|album|playlist):/i.test(post.content || post.content_html || '')
+  && typeof premiumUnlocked !== 'undefined' && premiumUnlocked);
+const _embedUrl = _postAudio
+  ? ((typeof ogOrigin !== 'undefined' && ogOrigin ? ogOrigin : '') + safeUrlBase + '/embed?post=' + encodeURIComponent(post.slug))
+  : '';
+%>
+<% if (_postAudio) { %>
+<meta property="og:video"            content="<%= _e(_embedUrl) %>">
+<meta property="og:video:secure_url" content="<%= _e(_embedUrl) %>">
+<meta property="og:video:type"       content="text/html">
+<meta property="og:video:width"      content="480">
+<meta property="og:video:height"     content="160">
+<% } %>
 <% if (typeof post !== 'undefined' && post && post.published_at) { %>
 <meta property="article:published_time" content="<%= _e(post.published_at) %>">
@@ -160 +178 @@
 
 <!-- Twitter Cards -->
-<meta name="twitter:card"        content="<%= _socialImage ? 'summary_large_image' : 'summary' %>">
+<meta name="twitter:card"        content="<%= _postAudio ? 'player' : (_socialImage ? 'summary_large_image' : 'summary') %>">
+<% if (_postAudio) { %>
+<meta name="twitter:player"        content="<%= _e(_embedUrl) %>">
+<meta name="twitter:player:width"  content="480">
+<meta name="twitter:player:height" content="160">
+<% } %>
 <meta name="twitter:title"       content="<%= _e(_socialTitle) %>">
 <meta name="twitter:description" content="<%= _e(_socialDescr) %>">