Add NO_AUDIO status to video transcription flow

Author: richiemcilroy

apps/web/actions/videos/get-status.ts

@@ -15,7 +15,12 @@ import { generateAiMetadata } from "./generate-ai-metadata";
 
 const MAX_AI_PROCESSING_TIME = 10 * 60 * 1000;
 
-type TranscriptionStatus = "PROCESSING" | "COMPLETE" | "ERROR" | "SKIPPED";
+type TranscriptionStatus =
+	| "PROCESSING"
+	| "COMPLETE"
+	| "ERROR"
+	| "SKIPPED"
+	| "NO_AUDIO";
 
 export interface VideoStatusResult {
 	transcriptionStatus: TranscriptionStatus | null;

apps/web/app/embed/[videoId]/page.tsx

@@ -250,7 +250,9 @@ async function EmbedContent({
 
 	if (
 		video.transcriptionStatus !== "COMPLETE" &&
-		video.transcriptionStatus !== "PROCESSING"
+		video.transcriptionStatus !== "PROCESSING" &&
+		video.transcriptionStatus !== "SKIPPED" &&
+		video.transcriptionStatus !== "NO_AUDIO"
 	) {
 		transcribeVideo(video.id, video.ownerId, aiGenerationEnabled);
 	}

apps/web/app/s/[videoId]/Share.tsx

@@ -178,6 +178,8 @@ const useVideoStatus = (
 						| "PROCESSING"
 						| "COMPLETE"
 						| "ERROR"
+						| "SKIPPED"
+						| "NO_AUDIO"
 						| null,
 					aiProcessing: initialData.aiData?.processing || false,
 					aiGenerationSkipped: initialData.aiData?.generationSkipped || false,
@@ -198,7 +200,11 @@ const useVideoStatus = (
 					return true;
 				}
 
-				if (data.transcriptionStatus === "ERROR") {
+				if (
+					data.transcriptionStatus === "ERROR" ||
+					data.transcriptionStatus === "SKIPPED" ||
+					data.transcriptionStatus === "NO_AUDIO"
+				) {
 					return false;
 				}
 
@@ -298,7 +304,11 @@ export const Share = ({
 			return true;
 		}
 
-		if (transcriptionStatus === "ERROR") {
+		if (
+			transcriptionStatus === "ERROR" ||
+			transcriptionStatus === "SKIPPED" ||
+			transcriptionStatus === "NO_AUDIO"
+		) {
 			return false;
 		}
 

apps/web/app/s/[videoId]/_components/tabs/Transcript.tsx

@@ -173,6 +173,12 @@ export const Transcript: React.FC<TranscriptProps> = ({ data, onSeek }) => {
 	}, [transcriptContent]);
 
 	const isTranscriptionProcessing = useMemo(() => {
+		if (
+			data.transcriptionStatus === "SKIPPED" ||
+			data.transcriptionStatus === "NO_AUDIO"
+		) {
+			return false;
+		}
 		if (retryTriggered && data.transcriptionStatus !== "COMPLETE") {
 			return true;
 		}
@@ -400,6 +406,38 @@ export const Transcript: React.FC<TranscriptProps> = ({ data, onSeek }) => {
 		);
 	}
 
+	if (data.transcriptionStatus === "NO_AUDIO") {
+		return (
+			<div className="flex justify-center items-center h-full text-gray-1">
+				<div className="text-center">
+					<MessageSquare className="mx-auto mb-2 w-8 h-8 text-gray-300" />
+					<p className="text-sm font-medium text-gray-12">
+						No audio track detected
+					</p>
+					<p className="mt-1 text-xs text-gray-9">
+						This video doesn't contain audio for transcription
+					</p>
+				</div>
+			</div>
+		);
+	}
+
+	if (data.transcriptionStatus === "SKIPPED") {
+		return (
+			<div className="flex justify-center items-center h-full text-gray-1">
+				<div className="text-center">
+					<MessageSquare className="mx-auto mb-2 w-8 h-8 text-gray-300" />
+					<p className="text-sm font-medium text-gray-12">
+						Transcription disabled
+					</p>
+					<p className="mt-1 text-xs text-gray-9">
+						Transcription has been disabled for this video
+					</p>
+				</div>
+			</div>
+		);
+	}
+
 	const showRetryButton =
 		data.transcriptionStatus === "ERROR" ||
 		hasTimedOut ||

apps/web/app/s/[videoId]/page.tsx

@@ -451,7 +451,9 @@ async function AuthorizedContent({
 
 	if (
 		video.transcriptionStatus !== "COMPLETE" &&
-		video.transcriptionStatus !== "PROCESSING"
+		video.transcriptionStatus !== "PROCESSING" &&
+		video.transcriptionStatus !== "SKIPPED" &&
+		video.transcriptionStatus !== "NO_AUDIO"
 	) {
 		console.log("[ShareVideoPage] Starting transcription for video:", videoId);
 		transcribeVideo(videoId, video.owner.id, aiGenerationEnabled).catch(

apps/web/lib/transcribe.ts

@@ -85,7 +85,9 @@ export async function transcribeVideo(
 
 	if (
 		video.transcriptionStatus === "COMPLETE" ||
-		video.transcriptionStatus === "PROCESSING"
+		video.transcriptionStatus === "PROCESSING" ||
+		video.transcriptionStatus === "SKIPPED" ||
+		video.transcriptionStatus === "NO_AUDIO"
 	) {
 		return {
 			success: true,

packages/web-api-contract-effect/src/index.ts

@@ -13,6 +13,7 @@ const TranscriptionStatus = Schema.Literal(
 	"COMPLETE",
 	"ERROR",
 	"SKIPPED",
+	"NO_AUDIO",
 );
 const OSType = Schema.Literal("macos", "windows");
 const LicenseType = Schema.Literal("yearly", "lifetime");