sob

Author: Bash06

backend/Dockerfile

@@ -1,5 +1,7 @@
 FROM debian:bookworm-slim as builder
 
+WORKDIR /build
+
 # Install required packages to compile
 RUN apt-get update && \
         apt-get install -y gcc g++ ca-certificates git make wget tar xz-utils && \
@@ -32,11 +34,6 @@ RUN apt-get update && \
     rm -rf /var/lib/apt/lists/* /usr/share/doc/* /usr/share/man/* /usr/share/info/*
 
 # Copy the UPX-compressed Go binary from the builder
-COPY --from=builder /vidsh /app/
-
-RUN useradd -m vidsh-runner
-USER vidsh-runner
-
-EXPOSE 8888
+COPY --from=builder /build/vidsh /app/vidsh
 
 ENTRYPOINT ["./vidsh"]

backend/app/ffmpeg/process.go

@@ -105,7 +105,7 @@ func FFmpegProcess(c *gin.Context, d *internal.Deps) {
 		done := make(chan error, 1)
 		// Enqueue can only error if the queue is full
 		err = d.JobQueue.Enqueue(&service.FFmpegJob{
-			ID:       util.RandStr(5),
+			ID:       jobID,
 			UserID:   userID,
 			FilePath: tempFile.Name(),
 			Output:   c.Writer,
@@ -166,7 +166,7 @@ func FFmpegProcess(c *gin.Context, d *internal.Deps) {
 	done := make(chan error, 1)
 	// Enqueue can only error if the queue is full
 	err = d.JobQueue.Enqueue(&service.FFmpegJob{
-		ID:       util.RandStr(5),
+		ID:       jobID,
 		UserID:   userID,
 		FilePath: tempFile.Name(),
 		Output:   tempProcessed,

backend/app/router.go

@@ -126,10 +126,10 @@ func NewRouter() (*gin.Engine, error) {
 		f.GET("/start", ffmpeg.FFMpegStart)
 
 		// GET /api/ffmpeg/progress	-> Returns the progress of a job
-		f.GET("/progress", func(c *gin.Context) { ffmpeg.FFmpegProcess(c, d) })
+		f.POST("/process", func(c *gin.Context) { ffmpeg.FFmpegProcess(c, d) })
 
 		// POST /api/ffmpeg/process	-> Processes a file provided in a multipart form
-		f.POST("/process", turnstile, ffmpeg.FFMpegStart)
+		f.GET("/progress", turnstile, ffmpeg.FFmpegProgress)
 	}
 
 	d.Argon = security.New()

frontend/src/lib/components/editor/audio.svelte

@@ -0,0 +1,66 @@
+<script lang="ts">
+        import { FFmpeg } from '@ffmpeg/ffmpeg'
+        import { fetchFile } from '@ffmpeg/util'
+        
+	const baseURL = "https://cdn.jsdelivr.net/npm/@ffmpeg/core@0.12.10/dist/esm"
+        
+	let { file }: { file: File } = $props()
+        
+	let ffmpeg: FFmpeg | null = null
+	let appState: 'idle' | 'loading' | 'ready' = $state('idle')
+        let isFFmpegLoaded = $state(false)
+        
+        async function loadFFmpeg() {
+                if (!ffmpeg) {
+			appState = 'loading'
+			ffmpeg = new FFmpeg()
+
+			await ffmpeg.load({
+				coreURL: `${baseURL}/ffmpeg-core.js`,
+				wasmURL: `${baseURL}/ffmpeg-core.wasm`,
+				workerURL: `${baseURL}/ffmpeg-core.worker.js`
+			})
+			appState = 'ready'
+			console.log("FFmpeg loaded")
+		}
+        }
+
+	async function processAudio() {
+                if (!ffmpeg) return
+
+		const url = URL.createObjectURL(file)
+		await ffmpeg.writeFile("input.mp4", await fetchFile(url))
+		await ffmpeg.exec(["-i", "input.mp4", "-map", "0:a:0", "track.mp3"])
+		const data = await ffmpeg.readFile('track.mp3')
+		URL.revokeObjectURL(url)
+
+		const exp = URL.createObjectURL(new Blob([(data as any).buffer], {
+			type: "audio/mp3"
+		}))
+		const a = document.createElement('a')
+		a.href = exp
+		a.download = "track.mp3"
+		a.click()
+	}
+</script>
+
+{#if appState === 'idle'}
+<div>
+        <p>This tab allows for advanced video editing, but requires you to load a pretty big bundle. Click on the button below to load it.</p>
+        <button class="btn btn-outline-danger" onclick={loadFFmpeg}>Load ffmpeg.wasm (~31MB)</button>
+</div>
+{:else if appState === 'loading'}
+<div class="spinner-border" role="status">
+        <span class="sr-only">Loading ffmpeg.wasm</span>
+</div>
+        <p>Loading ffmpeg...</p>
+{:else if appState === 'ready'}
+        <p>Loaded :)</p>
+{/if}
+
+<!-- 
+<button on:click={processAudio} disabled={state === 'loading'}>
+	{#if state === 'idle'} Extract Audio 🎵 {/if}
+	{#if state === 'loading'} Loading FFmpeg... {/if}
+	{#if state === 'ready'} Extract Again 🎵 {/if}
+</button> -->