| # `@gradio/audio` | |
| ```html | |
| <script> | |
| import { BaseStaticAudio, BaseInteractiveAudio, BasePlayer, BaseExample } from "@gradio/audio"; | |
| </script> | |
| ``` | |
| BaseExample: | |
| ```javascript | |
| export let value: string; | |
| export let type: "gallery" | "table"; | |
| export let selected = false; | |
| ``` | |
| BaseStaticAudio: | |
| ```javascript | |
| 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: | |
| ```javascript | |
| 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: | |
| ```javascript | |
| 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 = () => {}; | |
| ``` |