Spaces:
Sleeping
Sleeping
Add vs code black_formatter format
Browse files
app.py
CHANGED
@@ -18,7 +18,7 @@ custom_css = """
|
|
18 |
#groq-badge {
|
19 |
position: fixed;
|
20 |
bottom: 20px;
|
21 |
-
right:
|
22 |
z-index: 1000;
|
23 |
}
|
24 |
"""
|
@@ -38,25 +38,29 @@ with gr.Blocks(theme=gr.themes.Default(), css=custom_css) as app:
|
|
38 |
|
39 |
submit_button = gr.Button("Process", variant="primary")
|
40 |
|
41 |
-
gr.HTML(
|
|
|
42 |
<div id="groq-badge">
|
43 |
<div style="color: #f55036; font-weight: bold;">POWERED BY GROQ</div>
|
44 |
</div>
|
45 |
-
"""
|
|
|
46 |
|
47 |
submit_button.click(
|
48 |
process_audio,
|
49 |
inputs=[audio_inputs, api_key_input],
|
50 |
-
outputs=[transcription_output, response_output]
|
51 |
)
|
52 |
|
53 |
-
gr.Markdown(
|
|
|
54 |
## How to use this app:
|
55 |
1. Enter your Groq API Key in the provided field.
|
56 |
2. Click on the microphone icon and speak your message (or forever hold your peace)! You can also provide a supported audio file. Supported audio files include mp3, mp4, mpeg, mpga, m4a, wav, and webm file types.
|
57 |
3. Click the "Process" button to transcribe your speech and generate a response from our AI assistant.
|
58 |
4. The transcription and AI assistant response will appear in the respective text boxes.
|
59 |
|
60 |
-
"""
|
|
|
61 |
|
62 |
app.launch()
|
|
|
18 |
#groq-badge {
|
19 |
position: fixed;
|
20 |
bottom: 20px;
|
21 |
+
right: 90px;
|
22 |
z-index: 1000;
|
23 |
}
|
24 |
"""
|
|
|
38 |
|
39 |
submit_button = gr.Button("Process", variant="primary")
|
40 |
|
41 |
+
gr.HTML(
|
42 |
+
"""
|
43 |
<div id="groq-badge">
|
44 |
<div style="color: #f55036; font-weight: bold;">POWERED BY GROQ</div>
|
45 |
</div>
|
46 |
+
"""
|
47 |
+
)
|
48 |
|
49 |
submit_button.click(
|
50 |
process_audio,
|
51 |
inputs=[audio_inputs, api_key_input],
|
52 |
+
outputs=[transcription_output, response_output],
|
53 |
)
|
54 |
|
55 |
+
gr.Markdown(
|
56 |
+
"""
|
57 |
## How to use this app:
|
58 |
1. Enter your Groq API Key in the provided field.
|
59 |
2. Click on the microphone icon and speak your message (or forever hold your peace)! You can also provide a supported audio file. Supported audio files include mp3, mp4, mpeg, mpga, m4a, wav, and webm file types.
|
60 |
3. Click the "Process" button to transcribe your speech and generate a response from our AI assistant.
|
61 |
4. The transcription and AI assistant response will appear in the respective text boxes.
|
62 |
|
63 |
+
"""
|
64 |
+
)
|
65 |
|
66 |
app.launch()
|