display speaker labels on radio buttons

sourceviewer/backend/gradio_sourceviewer/sourceviewer.py

@@ -281,6 +281,7 @@ class SourceViewer(
 
         return {
             "segments": segments,
+            "labels": labels,
             "sources_file": FileData(path=source_filepath, orig_name=orig_name),
         }
 

sourceviewer/frontend/Index.svelte

@@ -16,7 +16,7 @@
 	export let elem_classes: string[] = [];
 	export let visible = true;
 	export let interactive: boolean;
-	export let value: null | {"segments": Segment[], "sources_file": FileData} = null;
+	export let value: null | {"segments": Segment[], "labels" : string[], "sources_file": FileData} = null;
 	export let sources:
 		| ["microphone"]
 		| ["upload"]
@@ -54,11 +54,11 @@
 		share: ShareData;
 	}>;
 
-	let old_value: null | {"segments": Segment[], "sources_file": FileData} = null;
+	let old_value: typeof value = null;
 
 	let active_source: "microphone" | "upload";
 
-	let initial_value: null | {"segments": Segment[], "sources_file": FileData} = value;
+	let initial_value: typeof value = value;
 
 	$: if (value && initial_value === null) {
 		initial_value = value;

sourceviewer/frontend/interactive/InteractiveAudio.svelte

@@ -16,9 +16,9 @@
 	import AudioRecorder from "../recorder/AudioRecorder.svelte";
 	import StreamAudio from "../streaming/StreamAudio.svelte";
 	import { SelectSource } from "@gradio/atoms";
-	import type { WaveformOptions } from "../shared/types";
+	import type { WaveformOptions, Segment } from "../shared/types";
 
-	export let value: null | {"segments": Segment[], "sources_file": FileData} = null;
+	export let value: null | {"segments": Segment[], "labels": string[], "sources_file": FileData} = null;
 	export let label: string;
 	export let root: string;
 	export let show_label = true;
@@ -192,7 +192,7 @@
 	}
 
 	function handle_load({ detail }: { detail: FileData }): void {
-		value = {"segments": [], "sources_file": null}
+		value = {"segments": [], "labels": [], "sources_file": null}
 		value.sources_file = detail;
 		dispatch("change", value);
 		dispatch("upload", detail);
@@ -274,7 +274,6 @@
 			{label}
 			{root}
 			{i18n}
-			{dispatch_blob}
 			{waveform_settings}
 			{waveform_options}
 			{handle_reset_value}

sourceviewer/frontend/player/AudioPlayer.svelte

@@ -11,7 +11,7 @@
 	import type { WaveformOptions, Segment } from "../shared/types";
 	import { createEventDispatcher } from "svelte";
 
-	export let value: null | {"segments": Segment[], "sources_file": FileData}= null;
+	export let value: null | {"segments": Segment[], "labels": string[], "sources_file": FileData}= null;
 	export let label: string;
 	export let root: string;
 	export let i18n: I18nFormatter;
@@ -170,7 +170,7 @@
 								splitter.connect(audioContext.destination, Number(ev.target.value), 0);
 							}}
 						/>
-						{channelIdx}
+						{value.labels[channelIdx]}
 					</label>
 				{/each}
 			{/if}

sourceviewer/frontend/static/StaticAudio.svelte

@@ -10,7 +10,7 @@
 	import { DownloadLink } from "@gradio/wasm/svelte";
 	import type { WaveformOptions, Segment } from "../shared/types";
 
-	export let value: null | {"segments": Segment[], "sources_file": FileData} = null;
+	export let value: null | {"segments": Segment[], "labels":string[], "sources_file": FileData} = null;
 	export let label: string;
 	export let root: string;
 	export let show_label = true;