From d998c8db6fdf33fa03c8f3f8dff4f669103984dd Mon Sep 17 00:00:00 2001
From: Satyam Rastogi <satyamrastogi302@gmail.com>
Date: Sat, 30 May 2026 02:50:39 +0530
Subject: [PATCH] feat(film): gated audio track with fade in/out

---
 .../product-film/src/components/AudioTrack.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 marketing/product-film/src/components/AudioTrack.tsx

diff --git a/marketing/product-film/src/components/AudioTrack.tsx b/marketing/product-film/src/components/AudioTrack.tsx
new file mode 100644
index 0000000..19a9926
--- /dev/null
+++ b/marketing/product-film/src/components/AudioTrack.tsx
@@ -0,0 +1,18 @@
+import { Audio, staticFile, useCurrentFrame, interpolate } from "remotion";
+import { TOTAL_FRAMES } from "../timing";
+
+// Flip to true after dropping a royalty-free track at public/audio/music.mp3.
+export const HAS_MUSIC = false;
+
+export const AudioTrack: React.FC = () => {
+  const frame = useCurrentFrame();
+  if (!HAS_MUSIC) return null;
+  // fade in at start, fade out over the last 2s
+  const volume = interpolate(
+    frame,
+    [0, 30, TOTAL_FRAMES - 60, TOTAL_FRAMES],
+    [0, 0.7, 0.7, 0],
+    { extrapolateLeft: "clamp", extrapolateRight: "clamp" }
+  );
+  return <Audio src={staticFile("audio/music.mp3")} volume={volume} />;
+};