Nah ini problem klasik ffmpeg 👍 — kamu ketemu masalah yang real banget.

👉 Penyebabnya:

• video awalnya hitam / fade in / intro kosong
• kamu ambil frame di detik ke-2 → hasilnya blank

🎯 SOLUSI YANG BENAR

Jangan fix di 2 detik.
👉 ambil frame di tengah video (ini best practice)

⚡ SOLUSI 1 — Ambil di tengah video (RECOMMENDED)

Kita upgrade script kamu.

🔧 Update generate-thumb.js

Ganti jadi ini:

import fs from "fs";
import { execSync } from "child_process";

const mediaDir = "./media";

const files = fs.readdirSync(mediaDir);
const videos = files.filter(f => f.endsWith(".mp4"));

videos.forEach(file => {
  const name = file.replace(".mp4", "");
  const input = `${mediaDir}/${file}`;
  const output = `${mediaDir}/${name}.jpg`;

  if (!fs.existsSync(output)) {
    try {
      // ambil durasi video
      const duration = execSync(
        `ffprobe -i "${input}" -show_entries format=duration -v quiet -of csv="p=0"`
      ).toString().trim();

      const middle = Math.floor(duration / 2);

      console.log(`Thumbnail ${file} at ${middle}s`);

      execSync(
        `ffmpeg -ss ${middle} -i "${input}" -vframes 1 "${output}"`
      );

    } catch (err) {
      console.log(`Error processing ${file}`);
    }
  }
});

console.log("Done!");

🧠 Kenapa ini lebih bagus?

👉 Karena:

• frame tengah hampir selalu ada isi
• gak kena intro kosong
• hasil lebih representatif

⚡ SOLUSI 2 — fallback kalau masih blank (advanced)

Kalau kamu mau lebih gila lagi:

👉 ambil beberapa frame:

1 detik
3 detik
5 detik
tengah

pilih yang paling "tidak gelap"

Tapi ini sudah masuk level advance — belum perlu sekarang.

⚡ SOLUSI 3 — quick fix (kalau gak mau ribet)

Ganti saja:

-ss 00:00:02

jadi:

-ss 00:00:05

atau:

-ss 00:00:10

👉 tapi ini kurang pintar dibanding middle method

💬 Saran jujur (biar kamu gak buang waktu)

👉 Pakai middle video method
Itu yang dipakai banyak platform juga.

🚀 Bonus upgrade (opsional tapi bagus)

Biar thumbnail lebih bagus:

-vf "scale=320:-1"

jadi:

execSync(
  `ffmpeg -ss ${middle} -i "${input}" -vframes 1 -vf "scale=320:-1" "${output}"`
);

👉 hasil:

• ringan
• konsisten ukuran

🎯 Summary kamu sekarang

Kamu sudah punya:

✅ auto detect
✅ auto pairing
✅ auto thumbnail (smart)
✅ multi format player

👉 ini sudah production-ready pipeline dasar

👉 Next step (kalau kamu lanjut)

Kalau kamu mau:
👉 kita bikin:

• 🎬 auto scan .m3u8
• 🧠 generate metadata (duration, resolution)
• ☁️ deploy ke Cloudflare Pages

👍 Sekarang

Coba update script tadi.

Kalau sudah:
👉 bilang "thumb smart done"

Kalau ada error:
👉 kirim errornya

Kita refine lagi sampai bener-bener solid 🔥