ayrisdevandClaude Sonnet 5
8a92b9b019
- streamIngest worker concurrency 3'ten sabit değildi, artık MAX_CONCURRENT_CAPTURES (varsayılan 10) ile ayarlanabiliyor. Eskiden 3'ten fazla kanal aynı anda canlıya geçerse fazlası, ilk 3'ten biri bitene kadar (saatlerce) hiç kayda alınmıyordu. - Python worker'larda (signal-detection, stt-scoring) bullmq varsayılan concurrency'si 1'di — WORKER_CONCURRENCY (varsayılan 5) ile paralelleştirildi, birden fazla kanal aynı anda segment/transkript üretirse sıraya takılmasın diye. - Frontend artık shared-media volume'üne bağlı: /api/segments/[id]/video route'u Range destekli video stream/indirme sağlıyor. Segment ve kanal detay sayfalarına <video> oynatıcı, indirme linki ve onaylı silme (RawSegment + CandidateSegment, dosya dahil) eklendi. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
86 lines
3.5 KiB
TypeScript
86 lines
3.5 KiB
TypeScript
import { prisma } from "@streamclipper/db";
|
||
import { deleteRawSegment, deleteCandidateSegment } from "../actions";
|
||
import { DeleteButton } from "../components/DeleteButton";
|
||
|
||
export const dynamic = "force-dynamic";
|
||
|
||
const STATUS_BADGE: Record<string, string> = {
|
||
PENDING: "muted",
|
||
PROCESSED: "ok",
|
||
DISCARDED: "err",
|
||
PENDING_STT: "warn",
|
||
TRANSCRIBED: "ok",
|
||
FAILED: "err",
|
||
};
|
||
|
||
function transcriptPreview(transcriptJson: unknown): string | null {
|
||
if (!transcriptJson || typeof transcriptJson !== "object") return null;
|
||
const text = (transcriptJson as { text?: string }).text;
|
||
return text ? text.slice(0, 240) : null;
|
||
}
|
||
|
||
export default async function SegmentsPage() {
|
||
const segments = await prisma.rawSegment.findMany({
|
||
orderBy: { createdAt: "desc" },
|
||
take: 50,
|
||
include: { candidates: { orderBy: { createdAt: "desc" } } },
|
||
});
|
||
|
||
return (
|
||
<>
|
||
<h1>Segment & Aday Klip Kütüphanesi</h1>
|
||
{segments.length === 0 ? (
|
||
<p className="empty">Henüz işlenmiş segment yok.</p>
|
||
) : (
|
||
segments.map((segment) => (
|
||
<div className="card" key={segment.id}>
|
||
<div className="card-head">
|
||
<span className="mono">{segment.filePath}</span>
|
||
<span className={`badge ${STATUS_BADGE[segment.status] ?? "muted"}`}>{segment.status}</span>
|
||
</div>
|
||
<div className="mono">
|
||
{segment.duration}sn · {new Date(segment.startedAt).toLocaleString("tr-TR")}
|
||
</div>
|
||
|
||
<video controls preload="metadata" style={{ width: "100%", maxWidth: "480px", marginTop: "0.5rem", borderRadius: "6px" }}>
|
||
<source src={`/api/segments/${segment.id}/video`} type="video/mp4" />
|
||
</video>
|
||
|
||
<div style={{ display: "flex", gap: "0.5rem", alignItems: "center", marginTop: "0.5rem" }}>
|
||
<a className="badge muted" href={`/api/segments/${segment.id}/video?download=1`}>İndir</a>
|
||
<form action={deleteRawSegment.bind(null, segment.id)}>
|
||
<DeleteButton confirmText="Bu segmenti ve içindeki tüm aday klipleri silmek istediğine emin misin? Geri alınamaz." />
|
||
</form>
|
||
</div>
|
||
|
||
{segment.candidates.length === 0 ? (
|
||
<p className="empty" style={{ marginTop: "0.5rem" }}>
|
||
Bu segmentte aday klip bulunamadı.
|
||
</p>
|
||
) : (
|
||
segment.candidates.map((c) => (
|
||
<div key={c.id} style={{ marginTop: "0.75rem", paddingLeft: "0.75rem", borderLeft: "2px solid var(--border)" }}>
|
||
<div className="card-head">
|
||
<span className="mono">
|
||
{c.startSec}s – {c.endSec}s
|
||
{c.audioPeakScore != null && ` · peak ${c.audioPeakScore.toFixed(1)}dB`}
|
||
{c.chatVelocityScore != null && " · chat spike"}
|
||
</span>
|
||
<span className={`badge ${STATUS_BADGE[c.status] ?? "muted"}`}>{c.status}</span>
|
||
</div>
|
||
{transcriptPreview(c.transcriptJson) && (
|
||
<p className="transcript-preview">{transcriptPreview(c.transcriptJson)}</p>
|
||
)}
|
||
<form action={deleteCandidateSegment.bind(null, c.id)} style={{ marginTop: "0.35rem" }}>
|
||
<DeleteButton confirmText="Bu aday klibi silmek istediğine emin misin?" />
|
||
</form>
|
||
</div>
|
||
))
|
||
)}
|
||
</div>
|
||
))
|
||
)}
|
||
</>
|
||
);
|
||
}
|