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

Video Marker Removal

Vocal Noise Separation

Video Scene Detect

Video Subtitle Extractor

Custom Scenarios

Feel free to send a private message to the uploader or leave a comment.

Scenario 1: Custom Requirements

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

1. Define the Application

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

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.Slider(minimum=0, maximum=5, step=0.1, label="Noise Reduction", value=0),
            gr.Checkbox(label="Debug", value=False),
        ],
        outputs=[
            gr.Audio(type="filepath", label="Vocals"),
            gr.Audio(type="filepath", label="Background"),
        ],
        title="CreatorBox - Voice Noise Separation",
    )

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

2. Register the Application

curl -X 'POST' \
  'http://172.18.0.1:8000/app/mounts' \
  -H 'accept: application/json' \
  -H 'Content-Type: application/json' \
  -d '{
  "name": "vns",
  "description": "Voice Noise Separation",
  "module": "src.support.vns_",
  "attr": "gradio",
  "path": "/vns",
  "status": 1
}'

request.json

{
   "name": "vns",                                # Name
    "description": "Voice Noise Separation",     # Description
    "module": "src.support.vns_",                # Path
    "attr": "gradio",                            # Method or Variable Name
    "path": "/vns",                              # Request
    "status": 1                                  # Status
}

3. Open the Application

• Open http://172.18.0.1:8000/gradio

• Open http://172.18.0.1:8000/vns

Scenario 2: Batch Processing

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

Planned...

Scenario 3: AI Workflow Integration

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

Planned...