add build audio button

.gitignore

@@ -7,3 +7,4 @@ node_modules
 .idea
 .tmp
 .DS_Store
+.tmp

src/app.js

@@ -14,6 +14,7 @@ import { uploadVideoController } from './routers/admin/detail/file.js';
 
 import { fileURLToPath } from 'url';
 import { dirname } from 'path';
+import { media } from './routers/admin/detail/mediaMontage.js';
 
 function registerViewFunctions() {
   Handlebars.registerHelper('eq', (a, b) => a === b);
@@ -53,6 +54,7 @@ const init = async () => {
   editPodcastDetails(server);
   rss(server);
   uploadVideoController(server);
+  media(server);
 
   await server.start();
   console.log('Server running on %s', server.info.uri);

src/minio/ffmpegApply.js

@@ -26,11 +26,13 @@ export async function applyFFmpegToFileInMinio(inputKey, outputKey, ffmpegComman
 
   // Wrap the child process in a promise
   await new Promise((resolve, reject) => {
-    const child = spawn(ffmpegPath, [
-      '-i', `${folder}/${inputKey}`,
-      '-filter_complex', ffmpegCommand,
-      output,
-    ]);
+    const commandArray = ['-i', `${folder}/${inputKey}`];
+    if (ffmpegCommand) {
+      commandArray.push('-filter_complex', ffmpegCommand);
+    }
+    commandArray.push(output);
+    console.log('commandArray', commandArray);
+    const child = spawn(ffmpegPath, commandArray);
 
     child.stdout.on('data', (data) => {
       console.log(`stdout: ${data}`);

src/routers/admin/detail/file.js

@@ -30,7 +30,7 @@ async function uploadVideo(request, h) {
       const file = data.video;
       console.log(file);
 
-      const uploadDir = `uploads/`;
+      const uploadDir = `.tmp/uploads/`;
       fs.mkdirSync(uploadDir, { recursive: true });
 
       if (!fs.existsSync(uploadDir)) {
@@ -56,6 +56,8 @@ async function uploadVideo(request, h) {
       return h.view(
         'media_component',
         {
+          showSlug: showSlug,
+          episodeSlug: episodeSlug,
           showAudio: false,
           showVideo: true,
           videoUrl: `${startUrl}/${s3FileKey}`,

src/routers/admin/detail/getDetails.js

@@ -41,6 +41,9 @@ async function getPodcastDetails(request, h) {
     }
   }
 
+  media.showSlug = showSlug;
+  media.episodeSlug = episodeSlug;
+
   return h.view(
     'admin/admin_podcast_detail',
     {

src/routers/admin/detail/mediaMontage.js

@@ -0,0 +1,23 @@
+import { getPostBySlug } from "../../../core/episodeRepo.js";
+import { applyFFmpegToFileInMinio } from "../../../minio/ffmpegApply.js";
+
+async function buildAudio(request, h) {
+  const showSlug = request.params.showSlug;
+  const episodeSlug = request.params.episodeSlug;
+  const episode = await getPostBySlug(showSlug, episodeSlug);
+  const audioPath = `${showSlug}/episodes/${episodeSlug}/full-audio.wav`;
+  await applyFFmpegToFileInMinio(episode.videoPath, audioPath);
+  console.log('Building audio for episode', showSlug, episodeSlug);
+
+}
+
+export function media(server) {
+  server.route({
+    method: 'POST',
+    path: '/admin/show/{showSlug}/episode/{episodeSlug}/buildAudio',
+    handler: buildAudio,
+    options: {
+      auth: 'adminSession',
+    }
+  });
+}

src/templates/widgets/media_component.html

@@ -1,24 +1,29 @@
+{{#if showAudio}}
 <div class="w-full sm:p-0 sm:m-0 mx-auto-2 lg:px-0">
-  {{#if showAudio}}
   <div id="audio-player-container">
     <audio id="audio-player" controls class="w-full">
       <source src="{{audioUrl}}" type="audio/mpeg">
       Your browser does not support the audio element.
     </audio>
   </div>
-  {{/if}}
 </div>
+{{else}}
+<button hx-post="/admin/show/{{showSlug}}/episode/{{episodeSlug}}/buildAudio" hx-swap="outerHTML"
+  class="common-button w-full px-4 py-2 my-2 transition-all duration-300 ease-in-out">
+  Build Audio
+</button>
+{{/if}}
 
+{{#if showVideo}}
 <div class="w-full">
-  {{#if showVideo}}
   <div id="video-player-container">
     <video id="video-player" controls class="w-full">
       <source src="{{videoUrl}}" type="video/mp4">
       Your browser does not support the video element.
     </video>
   </div>
-  {{/if}}
 </div>
+{{/if}}
 
 {{#if showUploadVideoButton}}
 <div class="w-full">