auto-save 2026-05-12 15:47 (+2, ~3)

web/lib/api.ts

@@ -0,0 +1,69 @@
+const API_BASE = process.env.NEXT_PUBLIC_API_BASE ?? "http://localhost:4291"
+
+export type JobStatus =
+  | "created"
+  | "downloading"
+  | "splitting"
+  | "frames_extracted"
+  | "transcribing"
+  | "transcribed"
+  | "failed"
+
+export interface KeyFrame {
+  index: number
+  timestamp: number
+  url: string
+}
+
+export interface TranscriptSegment {
+  index: number
+  start: number
+  end: number
+  en: string
+  zh: string
+}
+
+export interface Job {
+  id: string
+  url: string
+  status: JobStatus
+  progress: number
+  message?: string
+  video_url?: string
+  duration?: number
+  width?: number
+  height?: number
+  frames: KeyFrame[]
+  transcript: TranscriptSegment[]
+  error?: string
+}
+
+export async function createJob(tkUrl: string): Promise<Job> {
+  const res = await fetch(`${API_BASE}/jobs`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ url: tkUrl }),
+  })
+  if (!res.ok) throw new Error(`createJob ${res.status}`)
+  return res.json()
+}
+
+export async function getJob(id: string): Promise<Job> {
+  const res = await fetch(`${API_BASE}/jobs/${id}`)
+  if (!res.ok) throw new Error(`getJob ${res.status}`)
+  return res.json()
+}
+
+export async function triggerTranscribe(id: string): Promise<Job> {
+  const res = await fetch(`${API_BASE}/jobs/${id}/transcribe`, { method: "POST" })
+  if (!res.ok) throw new Error(`transcribe ${res.status}`)
+  return res.json()
+}
+
+export function frameUrl(jobId: string, frameIndex: number): string {
+  return `${API_BASE}/jobs/${jobId}/frames/${frameIndex}.jpg`
+}
+
+export function videoUrl(jobId: string): string {
+  return `${API_BASE}/jobs/${jobId}/video.mp4`
+}