Changeset 73b41eb in Klonkt for src/views

Timestamp:

06/20/2026 03:42:00 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

9e6b54f

Parents:

389aa99

Message:

feat(embed): YouTube audio-only option in posts

Per embed you now choose audio-only or video. [[embed:audio:URL]] (YouTube)
renders as an audio card with our controls (play/seek/volume + thumbnail as
cover); the YT player runs hidden off-screen and provides only the sound.
[[embed:URL]] stays video. The editor embed button asks for audio or video
when a YouTube URL is given. Server: audio:/video: prefix in the shortcode
→ data-embed-mode. busters embed-player.js?v=8, embed.css?v=5.

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

Location:

src/views

Files:

• pages/post-edit.ejs (modified) (1 diff)
• shell.ejs (modified) (2 diffs)

src/views/pages/post-edit.ejs

@@ -1463 +1463 @@
       const url = raw.trim();
       if (!/^https?:\/\//i.test(url)) { alert('Geef een volledige URL (https://…).'); return; }
-      insertChip('embed', url);
+      // YouTube: keuze audio-only (alleen geluid) of video.
+      let val = url;
+      if (/(youtube\.com|youtu\.be)/i.test(url)) {
+        const audioOnly = window.confirm('YouTube — alleen audio afspelen?\n\nOK = audio-only speler (geen video)\nAnnuleren = video');
+        if (audioOnly) val = 'audio:' + url;
+      }
+      insertChip('embed', val);
     });
   }

src/views/shell.ejs

@@ -170 +170 @@
 <link rel="stylesheet" href="/assets/css/audio.css?v=6">
 <!-- Eigen custom media-embeds (YouTube/SoundCloud/Spotify) in huisstijl. -->
-<link rel="stylesheet" href="/assets/css/embed.css?v=4">
+<link rel="stylesheet" href="/assets/css/embed.css?v=5">
 
 <%- include('partials/shared-styles') %>
@@ -303 +303 @@
 <!-- Eigen custom media-embeds (YouTube/SoundCloud/Spotify) via de echte
      player-API's + gedeelde mutual-exclusion registry met de site-speler. -->
-<script src="/assets/js/embed-player.js?v=7" defer></script>
+<script src="/assets/js/embed-player.js?v=8" defer></script>
 <% if (site && site.enable_audio_player && audioTracks && audioTracks.length > 0) { %>
   <script>window.PCMS_SITE_TRACKS = <%- JSON.stringify(audioTracks) %>;</script>