# Generative AI Audio with Audiocraft 3 – Audiogen with Gradio

This tutorial series is on making generative music and audio from a simple text description of the sound using Facebook's Audiocraft Library.

In the last video, we set up a web form to be able to submit descriptions to a python backend, and return the generated audio file for download.

In this video we'll replace our complicated front and backend with some very simple UI components and functionality using Gradio, the interface commonly seen used in Hugging Face (https://huggingface.co/spaces/facebook/MusicGen)

Starting code: https://github.com/heaversm/audiocraft-tutorials/tree/tutorials/03-audiogen-flask

Final code: https://github.com/heaversm/audiocraft-tutorials/tree/tutorials/04-audiogen-gradio

About Me: I am a Staff Design Technologist on Mozilla's Innovation Team. All opinions and explorations are my own. Learn more about Mozilla Innovation at future.mozilla.org

0:00 - review 0:45 - gradio interfaces on hugging face 1:30 - remove all the complicated frontend and backend code 2:00 - installing gradio 3:25 - creating a simple gradio frontend 4:45 - understanding gradio blocks and components 5:40 - running the gradio app 6:20 - setting up our form, submission, and audio player with gradio 7:30 - modifying our generate audio function to work with gradio 8:35 - testing our final app

9:20 - wrapping up and next steps

- Kind: Short
- Year: 2023
- Runtime: 10 min
- By: Practical AI through Prototypes
- Genres: Music
- Archive: [Wikimedia Commons](https://commons.wikimedia.org/wiki/File:Generative_AI_Audio_with_Audiocraft_3_%E2%80%93_Audiogen_with_Gradio.webm)
- Licence or status: [CC BY 3.0](https://creativecommons.org/licenses/by/3.0) (as the archive states it)
- Credit: Practical AI through Prototypes
- Who can watch: Tweens profiles and older (the archive gives no rating; placed by Invisible Network from its collection and subjects)

[Watch now](https://invisiblenetwork.ai/watch/archive/commons/152523406?play=1)