gradio/demo/change_vs_input/run.ipynb

Gradio Demo: change_vs_input¶

In [ ]:

!pip install -q gradio 

In [ ]:

# Downloading files from the demo repo
import os
os.mkdir('files')
!wget -q -O files/cantina.wav https://github.com/gradio-app/gradio/raw/main/demo/change_vs_input/files/cantina.wav
!wget -q -O files/lion.jpg https://github.com/gradio-app/gradio/raw/main/demo/change_vs_input/files/lion.jpg
!wget -q -O files/world.mp4 https://github.com/gradio-app/gradio/raw/main/demo/change_vs_input/files/world.mp4

In [ ]:

import os
import gradio as gr

with gr.Blocks() as demo:
    set_button = gr.Button("Set Values")
    with gr.Row():
        with gr.Column(min_width=200):
            gr.Markdown("# Enter Here")
            text = gr.Textbox()
            num = gr.Number()
            slider = gr.Slider()
            checkbox = gr.Checkbox()
            checkbox_group = gr.CheckboxGroup(["a", "b", "c"])
            radio = gr.Radio(["a", "b", "c"])
            dropdown = gr.Dropdown(["a", "b", "c"])
            colorpicker = gr.ColorPicker()
            code = gr.Code()
            dataframe = gr.Dataframe()
            image = gr.Image(elem_id="image-original")
            audio = gr.Audio(elem_id="audio-original")
            video = gr.Video(elem_id="video-original")

        with gr.Column(min_width=200):
            gr.Markdown("# ON:INPUT/UPLOAD")
            text_in = gr.Textbox()
            num_in = gr.Number()
            slider_in = gr.Slider()
            checkbox_in = gr.Checkbox()
            checkbox_group_in = gr.CheckboxGroup(["a", "b", "c"])
            radio_in = gr.Radio(["a", "b", "c"])
            dropdown_in = gr.Dropdown(["a", "b", "c"])
            colorpicker_in = gr.ColorPicker()
            code_in = gr.Code()
            dataframe_in = gr.Dataframe()
            image_up = gr.Image(elem_id="image-upload")
            audio_up = gr.Audio(elem_id="audio-upload")
            video_up = gr.Video(elem_id="video-upload")

        with gr.Column(min_width=200):
            gr.Markdown("# ON:CHANGE")
            text_ch = gr.Textbox()
            num_ch = gr.Number()
            slider_ch = gr.Slider()
            checkbox_ch = gr.Checkbox()
            checkbox_group_ch = gr.CheckboxGroup(["a", "b", "c"])
            radio_ch = gr.Radio(["a", "b", "c"])
            dropdown_ch = gr.Dropdown(["a", "b", "c"])
            colorpicker_ch = gr.ColorPicker()
            code_ch = gr.Code()
            dataframe_ch = gr.Dataframe()
            image_ch = gr.Image(elem_id="image-change")
            audio_ch = gr.Audio(elem_id="audio-change")
            video_ch = gr.Video(elem_id="video-change")

        with gr.Column(min_width=200):
            gr.Markdown("# ON:CHANGE x2")
            text_ch2 = gr.Textbox()
            num_ch2 = gr.Number()
            slider_ch2 = gr.Slider()
            checkbox_ch2 = gr.Checkbox()
            checkbox_group_ch2 = gr.CheckboxGroup(["a", "b", "c"])
            radio_ch2 = gr.Radio(["a", "b", "c"])
            dropdown_ch2 = gr.Dropdown(["a", "b", "c"])
            colorpicker_ch2 = gr.ColorPicker()
            code_ch2 = gr.Code()
            dataframe_ch2 = gr.Dataframe()
            image_ch2 = gr.Image(elem_id="image-change-2")
            audio_ch2 = gr.Audio(elem_id="audio-change-2")
            video_ch2 = gr.Video(elem_id="video-change-2")

    counter = gr.Number(label="Change counter")

    lion = os.path.join(os.path.abspath(''), "files/lion.jpg")
    cantina = os.path.join(os.path.abspath(''), "files/cantina.wav")
    world = os.path.join(os.path.abspath(''), "files/world.mp4")

    set_button.click(
        lambda: ["asdf", 555, 12, True, ["a", "c"], "b", "b", "#FF0000", "import gradio as gr", [["a", "b", "c", "d"], ["1", "2", "3", "4"]], lion, cantina, world],
        None,
        [text, num, slider, checkbox, checkbox_group, radio, dropdown, colorpicker, code, dataframe, image, audio, video])

    text.input(lambda x:x, text, text_in)
    num.input(lambda x:x, num, num_in)
    slider.input(lambda x:x, slider, slider_in)
    checkbox.input(lambda x:x, checkbox, checkbox_in)
    checkbox_group.input(lambda x:x, checkbox_group, checkbox_group_in)
    radio.input(lambda x:x, radio, radio_in)
    dropdown.input(lambda x:x, dropdown, dropdown_in)
    colorpicker.input(lambda x:x, colorpicker, colorpicker_in)
    code.input(lambda x:x, code, code_in)
    dataframe.input(lambda x:x, dataframe, dataframe_in)
    image.upload(lambda x:x, image, image_up)
    audio.upload(lambda x:x, audio, audio_up)
    video.upload(lambda x:x, video, video_up)

    text.change(lambda x,y:(x,y+1), [text, counter], [text_ch, counter])
    num.change(lambda x,y:(x, y+1), [num, counter], [num_ch, counter])
    slider.change(lambda x,y:(x, y+1), [slider, counter], [slider_ch, counter])
    checkbox.change(lambda x,y:(x, y+1), [checkbox, counter], [checkbox_ch, counter])
    checkbox_group.change(lambda x,y:(x, y+1), [checkbox_group, counter], [checkbox_group_ch, counter])
    radio.change(lambda x,y:(x, y+1), [radio, counter], [radio_ch, counter])
    dropdown.change(lambda x,y:(x, y+1), [dropdown, counter], [dropdown_ch, counter])
    colorpicker.change(lambda x,y:(x, y+1), [colorpicker, counter], [colorpicker_ch, counter])
    code.change(lambda x,y:(x, y+1), [code, counter], [code_ch, counter])
    dataframe.change(lambda x,y:(x, y+1), [dataframe, counter], [dataframe_ch, counter])
    image.change(lambda x,y:(x, y+1), [image, counter], [image_ch, counter])
    audio.change(lambda x,y:(x, y+1), [audio, counter], [audio_ch, counter])
    video.change(lambda x,y:(x, y+1), [video, counter], [video_ch, counter])

    text_ch.change(lambda x:x, text_ch, text_ch2)
    num_ch.change(lambda x:x, num_ch, num_ch2)
    slider_ch.change(lambda x:x, slider_ch, slider_ch2)
    checkbox_ch.change(lambda x:x, checkbox_ch, checkbox_ch2)
    checkbox_group_ch.change(lambda x:x, checkbox_group_ch, checkbox_group_ch2)
    radio_ch.change(lambda x:x, radio_ch, radio_ch2)
    dropdown_ch.change(lambda x:x, dropdown_ch, dropdown_ch2)
    colorpicker_ch.change(lambda x:x, colorpicker_ch, colorpicker_ch2)
    code_ch.change(lambda x:x, code_ch, code_ch2)
    dataframe_ch.change(lambda x:x, dataframe_ch, dataframe_ch2)
    image_ch.change(lambda x:x, image_ch, image_ch2)
    audio_ch.change(lambda x:x, audio_ch, audio_ch2)
    video_ch.change(lambda x:x, video_ch, video_ch2)

if __name__ == "__main__":
    demo.launch()