gradio / js /audio /README.md
mindmime's picture
Upload folder using huggingface_hub
a03b3ba verified

A newer version of the Gradio SDK is available: 5.4.0

Upgrade

@gradio/audio

<script>
    import { BaseStaticAudio, BaseInteractiveAudio, BasePlayer, BaseExample } from "@gradio/audio";
</script>

BaseExample:

    export let value: string;
    export let type: "gallery" | "table";
    export let selected = false;

BaseStaticAudio:

    export let value: null | { name: string; data: string } = null;
    export let label: string;
    export let name: string;
    export let show_label = true;
    export let autoplay: boolean;
    export let show_download_button = true;
    export let show_share_button = false;
    export let i18n: I18nFormatter;
    export let waveform_settings = {};

BaseInteractiveAudio:

    export let value: null | { name: string; data: string } = null;
    export let label: string;
    export let root: string;
    export let show_label = true;
    export let sources:
        | ["microphone"]
        | ["upload"]
        | ["microphone", "upload"]
        | ["upload", "microphone"] = ["microphone", "upload"];
    export let pending = false;
    export let streaming = false;
    export let autoplay = false;
    export let i18n: I18nFormatter;
    export let waveform_settings = {};
    export let dragging: boolean;
    export let active_source: "microphone" | "upload";
    export let handle_reset_value: () => void = () => {};

BasePlayer:

    export let value: null | { name: string; data: string } = null;
    export let label: string;
    export let autoplay: boolean;
    export let i18n: I18nFormatter;
    export let dispatch: (event: any, detail?: any) => void;
    export let dispatch_blob: (
        blobs: Uint8Array[] | Blob[],
        event: "stream" | "change" | "stop_recording"
    ) => Promise<void> = () => Promise.resolve();
    export let interactive = false;
    export let waveform_settings = {};
    export let mode = "";
    export let handle_reset_value: () => void = () => {};