mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-04-06 12:30:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Amend audio waveform colour (#7207)

Browse Source 
* change waveform color option types

* tweak waveform color setting

* snake case tweak

* add changeset

* tweak BE test

* tweak component BE test

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
This commit is contained in:
Hannah 2024-01-29 18:03:38 +00:00 committed by GitHub
parent efacc7d5cb
commit e3217b4186
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/seven-trains-return.md Normal file
View File

@ -0,0 +1,6 @@
---
"@gradio/audio": patch
"gradio": patch
---
fix:Amend audio waveform colour

4
gradio/components/audio.py
View File

@ -33,8 +33,8 @@ class WaveformOptions:
sample_rate: The output sample rate (in Hz) of the audio after editing. Defaults to 44100.
"""
waveform_color: str = "#9ca3af"
waveform_progress_color: str = "#f97316"
waveform_color: str | None = None
waveform_progress_color: str | None = None
show_recording_waveform: bool = True
show_controls: bool = False
skip_length: int | float = 5

8
js/audio/Index.svelte
View File

@ -91,10 +91,14 @@
let waveform_settings: Record<string, any>;
let color_accent = getComputedStyle(
document.documentElement
).getPropertyValue("--color-accent");
$: waveform_settings = {
height: 50,
waveColor: waveform_options.waveform_color || "#9ca3af",
progressColor: waveform_options.waveform_progress_color || "#f97316",
progressColor: waveform_options.waveform_progress_color || color_accent,
barWidth: 2,
barGap: 3,
cursorWidth: 2,
@ -109,7 +113,7 @@
};
const trim_region_settings = {
color: waveform_options.trim_region_color || "hsla(15, 85%, 40%, 0.4)",
color: waveform_options.trim_region_color,
drag: true,
resize: true
};

8
test/test_components.py
View File

@ -842,8 +842,8 @@ class TestAudio:
"show_controls": False,
"show_recording_waveform": True,
"skip_length": 5,
"waveform_color": "#9ca3af",
"waveform_progress_color": "#f97316",
"waveform_color": None,
"waveform_progress_color": None,
},
"_selectable": False,
}
@ -894,8 +894,8 @@ class TestAudio:
"show_controls": False,
"show_recording_waveform": True,
"skip_length": 5,
"waveform_color": "#9ca3af",
"waveform_progress_color": "#f97316",
"waveform_color": None,
"waveform_progress_color": None,
},
"_selectable": False,
}