How to access local media (image/audio/video) within gradio-lite? about gradio HOT 5 CLOSED

@whitphx

from gradio.

Thank you for this post, but unfortunately it is not possible to access local files from Gradio-Lite apps running in the browser because the browser environment (precisely, the Python/Pyodide environment in the browser in which Gradio-Lite runs) is completely isolated from the host OS.

An alternative solution is:

1. serve the file through a web server so users can access it via a URL, e.g. http://your-host/sample.mp3
2. mount it onto the Python env on the browser by using the gradio-file tag as below:

<gradio-lite>
import gradio as gr

demo = gr.Interface(
  fn=lambda x: x,
  inputs=gr.Audio(value="sample.mp3"),
  outputs=gr.Audio()
)

demo.launch()

<gradio-file name="sample.mp3" url="http://your-host/sample.mp3" />

</gradio-lite>

from gradio.

Thank you for this post, but unfortunately it is not possible to access local files from Gradio-Lite apps running in the browser because the browser environment (precisely, the Python/Pyodide environment in the browser in which Gradio-Lite runs) is completely isolated from the host OS.

An alternative solution is:

1. serve the file through a web server so users can access it via a URL, e.g. http://your-host/sample.mp3
2. mount it onto the Python env on the browser by using the gradio-file tag as below:

<gradio-lite>
import gradio as gr

demo = gr.Interface(
  fn=lambda x: x,
  inputs=gr.Audio(value="sample.mp3"),
  outputs=gr.Audio()
)

demo.launch()

<gradio-file name="sample.mp3" url="http://your-host/sample.mp3" />

</gradio-lite>

Thanks for your reply. If I use requests to get a video (named example.mp4) from remote API, how to access it?

<gradio-lite>
    audio_response = requests.post("https://xxxx/app/audio", json=myobj)
    audio_path = f"sample_output.mp3"
    with open(audio_path, 'wb') as file:
        for chunk in audio_response.iter_content(chunk_size=1024):
            file.write(chunk)

    # how to access sample_output.mp3?
</gradio-lite>

from gradio.

In that case, your Gradio-Lite app should be able to access the locally saved file "sample_output.mp3" by simply opening it, e.g. open("sample_output.mp3") or gr.Audio(value="sample_output.mp3").

from gradio.

Thanks @whitphx and @Jason-cs18, I'll go ahead and close this.

from gradio.