gr.Audio Unable to record properly

[monkeycc]

Describe the bug

gr.Audio
Unable to record properly

Ubuntu
nohup python3 1.py > /root/1.log 2>&1

The Ubuntu 22 server:
IP:port
domain name:port
Unable to record properly

xxxxxxxxxxx.gradio.live
Normal access

Local development
Normal access

2023-03-24.09-18-59-897.mp4

Is there an existing issue for this?

• I have searched the existing issues

Reproduction

import gradio as gr



def greet1(audio):
     print("audio",audio)
     return audio

def greet2(audio):
     print("audio",audio)
     return audio

with gr.Blocks() as demo:

    with gr.Tabs():


        with gr.TabItem("音频对话"):
            with gr.Row():
                inp = gr.Audio(source="microphone", type="filepath", label="点击录音")
            with gr.Column():

                out = [gr.Textbox(label="输入音频"),gr.Textbox(label="AI输出")]

            btn = gr.Button("运行")
            btn.click(fn=greet1, inputs=inp, outputs=out, api_name="greet1")

        with gr.TabItem("文字对话"):
            with gr.Column():
                inp2 = gr.Textbox(label="文字输入")
                out2 = gr.Textbox(label="AI输出")

            btn2 = gr.Button("运行")
     
            btn2.click(fn=greet2, inputs=inp2, outputs=out2, api_name="greet2")


if __name__ == "__main__":
    demo.launch(share=True,server_name="0.0.0.0",server_port=8888,debug=True)   

import os

import numpy as np

import gradio as gr


def reverse_audio(audio):
    sr, data = audio
    return (sr, np.flipud(data))


demo = gr.Interface(fn=reverse_audio, 
                    inputs="microphone", 
                    outputs="audio", 
                    examples=[
                    "https://samplelib.com/lib/preview/mp3/sample-3s.mp3",
                    os.path.join(os.path.dirname(__file__), "audio/recording1.wav")
        ], cache_examples=True)

if __name__ == "__main__":
    demo.launch(share=True,server_name="0.0.0.0",server_port=8888,debug=True)   

Screenshot

No response

Logs

System Info

gradio.__version__
3.22.1

win11
Edge 110.0.1587.46

Severity

annoying

[abidlabs]

Hi @monkeycc this is happening because you are in an HTTP environment. Modern browsers do not allow recording audio unless you are on localhost or HTTPS. We should display a better error here though, same issue as #2551

cc @aliabid94