Why there is a "waveform" graph shown on my UI?

[ANYMS-A]

Hi, I met a UI display issue when using the "WebRTC" class for building my gradio app.

On my laptop(win OS), everything works fine. But after I deployed it to a Linux machine, there is a "wave form" graph showing on my UI like below.
Do you know why this happen?

[freddyaboulton]

Are you using the same browser in both cases? Can you share a code to reproduce? Might be a bug with the current version

[freddyaboulton]

Bump^

[ANYMS-A]

Are you using the same browser in both cases? Can you share a code to reproduce? Might be a bug with the current version

Thanks! Will share a minimum code snippet for this issue later

[freddyaboulton]

OK it should be fixed in version 0.0.32 and above so please let me know if that's not the case!

[ANYMS-A]

OK it should be fixed in version 0.0.32 and above so please let me know if that's not the case!

Hi! I had a version switch test today, so 0.0.32 and 0.0.33 still have this issue, and after I did some comparison, I found that this issue starts from version 0.0.30. If I downgrade to 0.0.29, everything works fine.

And I am using Edge browser on Windows, this issue will happen if I use fastrtc >= 0.0.30.

I use the WebRTC class in my code as a component to build the gradio app.

with gr.Blocks(delete_cache=(60, 3600)) as demo:
    gr.Markdown("## Audio Chatbot")
    chatbot = gr.Chatbot(type="messages")
    gr.Markdown("## Audio Input/output")
    audio = WebRTC(mode="send-receive", modality="audio", button_labels={"start": "Start Talking to AI"})

    audio.stream(some_response_func)

if __name__ == "__main__":
   demo.launch()

[freddyaboulton]

Thank you will take a look!

[BajaMexico]

I also get the same waveform for WebRTC in 0.0.33. I also noted that it causes issues with gradio. For instance, if you define a three rows, where the 1st row is a single Dropdown box, the second row, is a WebRTC object, and the third row is a Dropdown box. Only the third row will show the options in Dropdown box.. If you take out WebRTC both rows work. Same thing if you have three columns. Here is the entries from "pip3 list"

fastrtc 0.0.33
fastrtc-moonshine-onnx 20241016

What is the second entry?