Skip to content

Interactive Applications 📤

Gradio is an open-source library for quickly building interactive interfaces for machine learning models, scripts, or tools. It supports web-based displays, link sharing, and component drag-and-drop functionality, making it ideal for visualization, demonstrations, or validation.

Perfect for users who love to explore and experiment, enabling them to customize applications for specific scenarios and share them.

Application List

Some ideas are inspired by fans

Jianying Material Extractor

Ultimate Vocal Remover

Image Mask Removal

Video Mask Removal

Video Scene Detect

Video Subtitle Extractor

Custom Scenarios

Welcome to private message and leave comments.

Scenario 1: Custom Requirements

I want to record audio and separate vocals. How can I do that?

1. Define the Application

python
def separate_audio(input):
    # code ...
    return separated_vocals, separated_instrumental

def gradio():
    import gradio as gr

    return gr.Interface(
        fn=separate_audio,
        inputs=[
            gr.Audio(type="filepath", label="Audio"),
            gr.Dropdown(choices=available_models(), label="Model", value="htdemucs"),
            gr.Checkbox(label="Debug", value=False),
        ],
        outputs=[
            gr.Audio(type="filepath", label="Vocals"),
            gr.Audio(type="filepath", label="Instrumental"),
        ],
        title="CreatorBox - Voice Noise Separation",
    )

if __name__ == "__main__":
    gradio().launch(server_name="0.0.0.0", server_port=8000)

2. Register the Application

bash
curl -X 'POST' \
  'http://172.18.0.1:8000/app/mounts' \
  -H 'accept: application/json' \
  -H 'Content-Type: application/json' \
  -d '{
  "name": "uvr",
  "description": "Ultimate Vocal Remover v5",
  "module": "src.support.uvr_",
  "attr": "gradio",
  "path": "/uvr",
  "status": 1
}'
request.json
json
{
   "name": "uvr",                                # Name
    "description": "Ultimate Vocal Remover v5",  # Description
    "module": "src.support.uvr_",                # Path
    "attr": "gradio",                            # Method or Variable Name
    "path": "/uvr",                              # Request
    "status": 1                                  # Status
}

3. Open the Application

Scenario 2: Batch Processing

I want to perform batch operations. How can I do that?

Tell me...

Scenario 3: AI Workflow Integration

I want to integrate with third-party AI workflows. How can I do that?

Tell me...