基于Gradio的AI应用搭建实践课②： Gradio基础学习，应用UI界面可无限DIY

pip install gradio

# 如果你正在 ModelScope 的 Notebook 中，还需要运行下面这段代码：import osos.environ['GRADIO_ROOT_PATH'] = f"/{os.environ['JUPYTER_NAME']}/proxy/7860"

def reverse_text(text):    return text[::-1]

import gradio as gr
demo = gr.Interface(fn=reverse_text, inputs="text", outputs="text")

demo.launch()

import gradio as gr
def reverse_text(text):    return text[::-1]
demo = gr.Interface(fn=reverse_text, inputs="text", outputs="text")
demo.launch()

import gradio as gr
# 这是修改后的函数def reverse_and_count(text):    reversed_text = text[::-1]    length = len(text)    return reversed_text, length
demo = gr.Interface(    fn=reverse_and_count,    inputs="text",    # flagging_mode="never",    outputs=["text", "number"],  # 第一个输出是文本，第二个输出是一个数字    title="文本处理工具",  # 设置页面标题    description="输入一段文字，查看其倒序形式及字符数。",  # 添加简短说明    examples=[["你好，世界"], ["Hello World"]])
demo.launch()

import gradio as gr
# 下面的示例中，我们可以通过输入文字，将其输出到 output 侧，并最终通过 Slider 选择的值为后面添加不同个数的 !def greet(name, intensity):    return "Hello, " + name + "!" * intensity
demo = gr.Interface(    fn=greet,    inputs=["text", gr.Slider(value=2, minimum=1, maximum=10, step=1)],    outputs=[gr.Text(label="greeting", lines=3)],)
demo.launch()

import gradio as grimport numpy as npimport matplotlib.pyplot as plt
def plot_function(x_min, x_max, n_points):    x = np.linspace(x_min, x_max, n_points)    y = np.sin(x)    plt.figure()    plt.plot(x, y)    plt.title("Sine Wave")    plt.xlabel("x")    plt.ylabel("sin(x)")    return plt
demo = gr.Interface(    fn=plot_function,    inputs=[        gr.Number(label="X Min"),        gr.Number(label="X Max"),        gr.Number(label="Number of Points")    ],    outputs=[gr.Plot()],    title="Function Plotter",    description="Plot a sine wave function based on the given parameters.")
demo.launch()

import gradio as grimport numpy as npimport cv2
def image_to_sketch(image):    gray_image = image.convert('L')    inverted_image = 255 - np.array(gray_image)    blurred = cv2.GaussianBlur(inverted_image, (21, 21), 0)    inverted_blurred = 255 - blurred    pencil_sketch = cv2.divide(np.array(gray_image), inverted_blurred, scale=256.0)    return pencil_sketch
demo = gr.Interface(    fn=image_to_sketch,    inputs=[gr.Image(label="Input Image", type="pil")],    outputs=[gr.Image(label="Pencil Sketch")],    title="Image to Pencil Sketch",    description="Convert an input image to a pencil sketch.")
demo.launch()

import gradio as grimport matplotlib.pyplot as plt
def audio_to_spectrogram(audio):    sr, data = audio    plt.figure(figsize=(10, 5))    plt.specgram(data, Fs=sr)    plt.title("Spectrogram")    plt.xlabel("Time")    plt.ylabel("Frequency")    return plt
demo = gr.Interface(    fn=audio_to_spectrogram,    inputs=[gr.Audio(label="Input Audio")],    outputs=[gr.Plot()],    title="Audio to Spectrogram",    description="Convert an input audio file to a spectrogram.")
demo.launch()

import gradio as grimport cv2

def video_to_frame(video):    cap = cv2.VideoCapture(video)    ret, frame = cap.read()    if ret:        return frame    else:        return None

demo = gr.Interface(    fn=video_to_frame,    inputs=[gr.Video(label="Input Video")],    outputs=[gr.Image(label="First Frame")],    title="Video to First Frame",    description="Extract the first frame from an input video.")
demo.launch()

import gradio as gr
def echo(message, history):    # message 为用户当次输入，return 的返回结果为当次的 bot 输出    return message
demo = gr.ChatInterface(fn=echo, type="messages", examples=["hello", "hola", "merhaba"], title="Echo Bot")
demo.launch()

import timeimport gradio as gr
def slow_echo(message, history):    for i in range(len(message)):        time.sleep(0.1) # 模拟间隔        yield "You typed: " + message[: i + 1]
demo = gr.ChatInterface(slow_echo, type="messages")

demo.launch()

import gradio as gr
# 这是修改后的函数def reverse_and_count(text):    reversed_text = text[::-1]    length = len(text)    return reversed_text, length
with gr.Blocks() as demo:    gr.Markdown("<h1><center>文本处理工具<center/></h1>")    gr.Markdown("输入一段文字，查看其倒序形式及字符数。")    with gr.Row():  # 水平排列        with gr.Column():            input_text = gr.Textbox(label="请输入一些文字")        with gr.Column():            output_reversed = gr.Textbox(label="倒序结果")
    btn = gr.Button("提交")    output_length = gr.Number(label="字符总数")
    gr.Examples([["你好，世界"], ["Hello World"]], inputs=[input_text])        # 组件支持的事件，这里代表着页面上的按钮被点击时会触发 reverse_and_count 这个函数    btn.click(fn=reverse_and_count,               inputs=[input_text],               outputs=[output_reversed, output_length])
demo.launch()

import gradio as gr
python_code = """def fib(n):    if n <= 0:        return 0    elif n == 1:        return 1    else:        return fib(n-1) + fib(n-2)"""
js_code = """function fib(n) {    if (n <= 0) return 0;    if (n === 1) return 1;    return fib(n - 1) + fib(n - 2);}"""
def chat(message, history):    if "python" in message.lower():        return "Type Python or JavaScript to see the code.", gr.Code(language="python", value=python_code)    elif "javascript" in message.lower():        return "Type Python or JavaScript to see the code.", gr.Code(language="javascript", value=js_code)    else:        return "Please ask about Python or JavaScript.", None
with gr.Blocks() as demo:    code = gr.Code(render=False)    with gr.Row():        with gr.Column():            gr.Markdown("<center><h1>Write Python or JavaScript</h1></center>")            gr.ChatInterface(                chat,                examples=["Python", "JavaScript"],                additional_outputs=[code],                type="messages"            )        with gr.Column():            gr.Markdown("<center><h1>Code Artifacts</h1></center>")            code.render()
demo.launch()

pip install modelscope_studio

import gradio as gr
import modelscope_studio.components.antd as antdimport modelscope_studio.components.base as ms
with gr.Blocks() as demo:    with ms.Application():        with antd.ConfigProvider(locale="zh_CN"):            with ms.AutoLoading():                with antd.Flex(vertical=True, gap="small"):                    antd.Alert(type="info",                               message="Welcome",                               closable=True,                               description="Welcome to modelscope-studio")                    with antd.Card(title="ModelScope"):                        with ms.Slot("title"):                             antd.Typography.Text("ModelScope",                                                 strong=True,                                                 copyable=True)                        with ms.Slot("extra"):                            with antd.Button(                                    href=                                    "https://github.com/modelscope/modelscope-studio",                                    href_target="_blank"):                                ms.Text("GitHub")                                with ms.Slot("icon"):                                    antd.Icon("GithubOutlined")                        antd.Tag("modelscope", color="purple")                        antd.Tag("ms-swift", color="magenta")                        antd.Tag("modelscope-studio", color="geekblue")
demo.launch()