Update app.py

app.py

@@ -1,5 +1,6 @@
 import os
 import gradio as gr
+from gradio_imageslider import ImageSlider
 from loadimg import load_img
 import spaces
 from transformers import AutoModelForImageSegmentation
@@ -32,10 +33,11 @@ def fn(image):
     session_folder, session_id = create_session_folder()
     im = load_img(image, output_type="pil")
     im = im.convert("RGB")
-    processed_image = process(im)    
-    output_path = os.path.join(session_folder, "no_bg_image.png")
-    processed_image.save(output_path)
-    return output_path  # Chỉ trả về file đầu ra
+    origin = im.copy()
+    image = process(im)    
+    image_path = os.path.join(session_folder, "no_bg_image.png")
+    image.save(image_path)
+    return (image, origin), image_path
 
 @spaces.GPU
 def process(image):
@@ -49,31 +51,36 @@ def process(image):
     mask = pred_pil.resize(image_size)
     image.putalpha(mask)
     return image
-
+  
 def process_file(f):
     session_folder, session_id = create_session_folder()
-    output_path = os.path.join(session_folder, os.path.basename(f).rsplit(".", 1)[0] + ".png")
+    name_path = os.path.join(session_folder, os.path.basename(f).rsplit(".", 1)[0] + ".png")
     im = load_img(f, output_type="pil")
     im = im.convert("RGB")
-    processed_image = process(im)
-    processed_image.save(output_path)
-    return output_path  # Chỉ trả về file đầu ra
+    transparent = process(im)
+    transparent.save(name_path)
+    return name_path
+
+slider1 = ImageSlider(label="RMBG-2.0", type="pil")
+slider2 = ImageSlider(label="RMBG-2.0", type="pil")
+image = gr.Image(label="Upload an image")
+image2 = gr.Image(label="Upload an image", type="filepath")
+text = gr.Textbox(label="Paste an image URL")
+png_file = gr.File(label="output png file")
 
-# Input và output cho giao diện Gradio
-image_input = gr.Image(label="Upload an image", type="filepath")
-output_file = gr.File(label="Download output image")
+chameleon = load_img("giraffe.jpg", output_type="pil")
+
+url = "http://farm9.staticflickr.com/8488/8228323072_76eeddfea3_z.jpg"
 
 tab1 = gr.Interface(
-    fn, inputs=image_input, outputs=output_file, examples=["giraffe.jpg"], api_name="image"
+    fn, inputs=image, outputs=[slider1, gr.File(label="output png file")], examples=[chameleon], api_name="image"
 )
 
-tab2 = gr.Interface(
-    process_file, inputs=image_input, outputs=output_file, examples=["giraffe.jpg"], api_name="file"
-)
+tab2 = gr.Interface(fn, inputs=text, outputs=[slider2, gr.File(label="output png file")], examples=[url], api_name="text")
+tab3 = gr.Interface(process_file, inputs=image2, outputs=png_file, examples=["giraffe.jpg"], api_name="png")
 
-# Giao diện chính
 demo = gr.TabbedInterface(
-    [tab1, tab2], ["Process Uploaded Image", "Process File"], title="RMBG-2.0 for Background Removal"
+    [tab1, tab2], ["input image", "input url"], title="RMBG-2.0 for background removal"
 )
 
 if __name__ == "__main__":