Update src/streamlit_app.py

src/streamlit_app.py

@@ -10,6 +10,7 @@ VIDEO_FOLDER = "./src/synthda_falling_realreal/"
 st.set_page_config(layout="centered")
 st.title("AutoSynthDa Pose Interpolation Viewer")
 
+# Project description
 st.markdown("""
 # AutoSynthDa Interpolation Viewer
 
@@ -20,22 +21,46 @@ Move the slider to explore how motion changes from one input to another.
 View code and try the code on Colab at github.com/nvidia/synthda
 """)
 
+# Custom CSS for styling
+st.markdown("""
+<style>
+.centered-text {
+    text-align: center;
+    font-size: 18px;
+    font-weight: 500;
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+.slider-label {
+    text-align: center;
+    font-size: 16px;
+    color: gray;
+    margin-bottom: 10px;
+}
+</style>
+""", unsafe_allow_html=True)
+
+# Slider explanation
+st.markdown('<p class="slider-label">Move the slider to interpolate between Input Video 1 (0.0) and Input Video 2 (1.0)</p>', unsafe_allow_html=True)
+
 # Slider for selecting weight
 weight = st.slider("Interpolation Weight", 0.0, 1.0, step=0.1)
 
-# Label logic
+# Construct filename based on weight
+filename = f"videos_generated_{weight:.1f}.mp4"
+video_path = os.path.join(VIDEO_FOLDER, filename)
+
+# Interpolation description
 if weight == 0.0:
-    st.success("Showing: Input Video 1 (No interpolation)")
+    interp_text = "Showing: Input Video 1 (Original)"
 elif weight == 1.0:
-    st.success("Showing: Input Video 2 (No interpolation)")
+    interp_text = "Showing: Input Video 2 (Original)"
 else:
     w2 = round(1.0 - weight, 1)
-    st.info(f"Generating motion by blending {weight:.1f} of Input Video 1 and {w2:.1f} of Input Video 2")
-
+    interp_text = f"Generated video: {weight:.1f} from Input Video 1 + {w2:.1f} from Input Video 2"
 
-# Construct filename based on weight (rounded to one decimal for file matching)
-filename = f"videos_generated_{weight:.1f}.mp4"
-video_path = os.path.join(VIDEO_FOLDER, filename)
+# Display the interpolation status
+st.markdown(f'<div class="centered-text">{interp_text}</div>', unsafe_allow_html=True)
 
 # Show video
 if os.path.exists(video_path):