Changeset 1907a18 in Klonkt for src/services/AudioEmbedService.js

Timestamp:

06/15/2026 01:48:56 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

d352b63

Parents:

851239c

Message:

feat: embed media via editor button ([[embed:url]] shortcode)

Embed YouTube/Spotify/SoundCloud/Vimeo/Apple Music/Bandcamp with a toolbar
button in the post editor: paste a URL -> [[embed:url]] chip -> server renders
an iframe (AudioEmbedService.embedMediaShortcodes, in the existing embed pipeline).
Standalone URL lines also embed via autoembed(). CSP already allows the domains.

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

File:

• src/services/AudioEmbedService.js (modified) (1 diff)

src/services/AudioEmbedService.js

@@ -187 +187 @@
       }
     );
+  }
+
+  /**
+   * Replace [[embed:<url>]] shortcodes met de platform-iframe (YouTube, Spotify,
+   * SoundCloud, Apple Music, Bandcamp, Vimeo). De editor-knop voegt deze
+   * shortcode in; losse URL-regels embedden ook automatisch via autoembed().
+   * Niet-ondersteunde/ongeldige URLs krijgen een nette inline-melding.
+   */
+  static embedMediaShortcodes(html) {
+    if (!html) return html;
+    return html.replace(/\[\[embed:([^\]]+)\]\]/gi, (match, rawUrl) => {
+      const url = rawUrl.trim().replace(/&amp;/g, '&');
+      const detected = this.detectProvider(url);
+      if (!detected) {
+        return `<div class="post-embed-missing"><em>Embed: niet-ondersteunde of ongeldige URL.</em></div>`;
+      }
+      return this.generateIframe(detected.provider, detected) || match;
+    });
   }