Update app.py

app.py

@@ -1,37 +1,37 @@
-import os
+import streamlit as st
 import cv2
 import numpy as np
-import random
 import base64
 import requests
 import json
 import time
-import streamlit as st
+import random
+import os
 
-# Function definitions
+# Function to handle the try-on process
 def tryon(person_img, garment_img, seed, randomize_seed):
-    post_start_time = time.time()
     if person_img is None or garment_img is None:
         st.warning("Empty image")
         return None, None, "Empty image"
     if randomize_seed:
         seed = random.randint(0, MAX_SEED)
+    
     encoded_person_img = cv2.imencode('.jpg', cv2.cvtColor(person_img, cv2.COLOR_RGB2BGR))[1].tobytes()
     encoded_person_img = base64.b64encode(encoded_person_img).decode('utf-8')
     encoded_garment_img = cv2.imencode('.jpg', cv2.cvtColor(garment_img, cv2.COLOR_RGB2BGR))[1].tobytes()
     encoded_garment_img = base64.b64encode(encoded_garment_img).decode('utf-8')
 
+    url = "http://" + os.environ['tryon_url'] + "Submit"
+    token = os.environ['token']
+    cookie = os.environ['Cookie']
+    referer = os.environ['referer']
+    headers = {'Content-Type': 'application/json', 'token': token, 'Cookie': cookie, 'referer': referer}
+    data = {
+        "clothImage": encoded_garment_img,
+        "humanImage": encoded_person_img,
+        "seed": seed
+    }
     try:
-        url = "http://" + os.getenv('tryon_url', 'localhost:5000') + "/Submit"
-        token = os.getenv('token', '')
-        cookie = os.getenv('Cookie', '')
-        referer = os.getenv('referer', '')
-        headers = {'Content-Type': 'application/json', 'token': token, 'Cookie': cookie, 'referer': referer}
-        data = {
-            "clothImage": encoded_garment_img,
-            "humanImage": encoded_person_img,
-            "seed": seed
-        }
         response = requests.post(url, headers=headers, data=json.dumps(data), timeout=50)
         if response.status_code == 200:
             result = response.json()['result']
@@ -41,17 +41,14 @@ def tryon(person_img, garment_img, seed, randomize_seed):
     except Exception as err:
         st.error(f"Post Exception Error: {err}")
         return None, None, "Too many users, please try again later"
-    post_end_time = time.time()
 
-    get_start_time = time.time()
     time.sleep(9)
     Max_Retry = 12
     result_img = None
     info = ""
-    err_log = ""
     for i in range(Max_Retry):
         try:
-            url = "http://" + os.getenv('tryon_url', 'localhost:5000') + "/Query?taskId=" + uuid
+            url = "http://" + os.environ['tryon_url'] + "Query?taskId=" + uuid
             response = requests.get(url, headers=headers, timeout=20)
             if response.status_code == 200:
                 result = response.json()['result']
@@ -64,23 +61,19 @@ def tryon(person_img, garment_img, seed, randomize_seed):
                     info = "Success"
                     break
                 elif status == "error":
-                    err_log = f"Status is Error"
                     info = "Error"
                     break
             else:
-                err_log = "URL error, please contact the admin"
                 info = "URL error, please contact the admin"
                 break
         except requests.exceptions.ReadTimeout:
-            err_log = "Http Timeout"
             info = "Http Timeout, please try again later"
         except Exception as err:
-            err_log = f"Get Exception Error: {err}"
+            info = f"Get Exception Error: {err}"
         time.sleep(1)
-    get_end_time = time.time()
+    
     if info == "":
-        err_log = f"No image after {Max_Retry} retries"
-        info = "Too many users, please try again later"
+        info = f"No image after {Max_Retry} retries"
     if info != "Success":
         st.warning("Too many users, please try again later")
 
@@ -88,29 +81,63 @@ def tryon(person_img, garment_img, seed, randomize_seed):
 
 MAX_SEED = 999999
 
-st.title("Virtual Try-On")
+# Set up the Streamlit app
+st.set_page_config(page_title="Virtual Try-On", page_icon=":guardsman:", layout="wide")
 
-st.write("""
-Step 1. Upload a person image ⬇️
+# Title and description
+st.title("Virtual Try-On")
+st.markdown("""
+**Step 1:** Upload a person image ⬇️  
+**Step 2:** Upload a garment image ⬇️  
+**Step 3:** Press “Run” to get try-on results
 """)
-person_img = st.file_uploader("Choose a person image", type=["jpg", "jpeg", "png"])
 
-st.write("""
-Step 2. Upload a garment image ⬇️
-""")
-garment_img = st.file_uploader("Choose a garment image", type=["jpg", "jpeg", "png"])
+# Columns for uploading images
+col1, col2 = st.columns(2)
+
+with col1:
+    st.image("assets/upload_person.png", caption="Upload your person image here.", use_column_width=True)
+    person_img = st.file_uploader("Person Image", type=["jpg", "jpeg", "png"], label_visibility="collapsed")
 
-seed = st.slider("Seed", min_value=0, max_value=MAX_SEED, value=0)
-randomize_seed = st.checkbox("Random seed", value=True)
+with col2:
+    st.image("assets/upload_garment.png", caption="Upload your garment image here.", use_column_width=True)
+    garment_img = st.file_uploader("Garment Image", type=["jpg", "jpeg", "png"], label_visibility="collapsed")
 
-if st.button("Run"):
-    if person_img is not None and garment_img is not None:
-        person_img = np.array(cv2.imdecode(np.frombuffer(person_img.read(), np.uint8), cv2.IMREAD_COLOR))
-        garment_img = np.array(cv2.imdecode(np.frombuffer(garment_img.read(), np.uint8), cv2.IMREAD_COLOR))
+# Show options and button if images are uploaded
+if person_img and garment_img:
+    person_img = np.array(bytearray(person_img.read()), dtype=np.uint8)
+    garment_img = np.array(bytearray(garment_img.read()), dtype=np.uint8)
+    person_img = cv2.imdecode(person_img, cv2.IMREAD_COLOR)
+    garment_img = cv2.imdecode(garment_img, cv2.IMREAD_COLOR)
+    
+    st.sidebar.header("Options")
+    seed = st.sidebar.slider("Seed", 0, MAX_SEED, 0)
+    randomize_seed = st.sidebar.checkbox("Random seed", value=True)
+    
+    st.sidebar.markdown("---")
+    
+    # Display example images
+    st.sidebar.image("assets/seed_example.png", caption="Example of seed usage", use_column_width=True)
+
+    if st.sidebar.button("Run"):
         result_img, seed_used, result_info = tryon(person_img, garment_img, seed, randomize_seed)
-        if result_img is not None:
-            st.image(result_img, caption='Result')
-        st.write(f"Seed used: {seed_used}")
-        st.write(f"Response: {result_info}")
-    else:
-        st.warning("Please upload both person and garment images.")
+        if result_info == "Success":
+            st.image(result_img, caption="Result", channels="BGR")
+            st.sidebar.text(f"Seed used: {seed_used}")
+        else:
+            st.sidebar.error(result_info)
+else:
+    st.sidebar.warning("Please upload both images to proceed.")
+
+# Footer or additional information
+st.markdown("---")
+st.markdown("Built with Streamlit & Python. [GitHub repository](#)")
+
+# Add some styling and visual improvements
+st.markdown("""
+<style>
+    .css-18e3th9 {padding: 0.5rem 1rem;} /* Increase padding for the sidebar */
+    .css-1d391kg {padding: 1rem;} /* Increase padding for main content area */
+    .css-1v0mbdj {font-size: 20px;} /* Adjust font size for titles and labels */
+</style>
+""", unsafe_allow_html=True)