snapme

1"use client"
2
3import { useEffect, useState } from "react"
4
5import { CLIP_SAMPLE_INTERVAL_MS } from "@/features/capture/clipRecorder"
6
7/* SH-02: indeks bingkai berputar untuk pratinjau Strip Hidup. Saat berhenti
8   nilainya 0 dan pemanggil memakai -1 untuk memaksa tampilan foto tetap, jadi
9   tidak ada state yang perlu direset di dalam efek. */
10export function useClipTicker(playing: boolean, frameCount: number): number {
11  const [index, setIndex] = useState(0)
12
13  useEffect(() => {
14    if (!playing) {
15      return
16    }
17    const timer = window.setInterval(() => {
18      setIndex((current) =>
19        frameCount <= 0 ? 0 : (current + 1) % frameCount
20      )
21    }, CLIP_SAMPLE_INTERVAL_MS)
22    return () => window.clearInterval(timer)
23  }, [playing, frameCount])
24
25  return playing ? index : 0
26}
27