Update app.py

app.py

@@ -4,20 +4,21 @@ import numpy as np
 import datetime
 import os
 import time
+import base64
 from camera_input_live import camera_input_live
 
 def save_image(image):
-    # Generate a timestamped filename
     timestamp = datetime.datetime.now().strftime("%Y%m%d_%H%M%S")
     filename = f"captured_image_{timestamp}.png"
-
-    # Convert the image to OpenCV format and save
     bytes_data = image.getvalue()
     cv2_img = cv2.imdecode(np.frombuffer(bytes_data, np.uint8), cv2.IMREAD_COLOR)
     cv2.imwrite(filename, cv2_img)
-
     return filename
 
+def get_image_base64(image_path):
+    with open(image_path, "rb") as image_file:
+        return base64.b64encode(image_file.read()).decode()
+
 def list_png_files():
     return [f for f in os.listdir('.') if f.endswith('.png')]
 
@@ -25,11 +26,9 @@ def main():
     st.title("Streamlit Camera Input Live Demo")
     st.header("Try holding a QR code in front of your webcam")
 
-    # Sidebar for captured images
-    st.sidebar.markdown("## Captured Images")
-    captured_images = list_png_files()
+    if 'captured_images' not in st.session_state:
+        st.session_state['captured_images'] = list_png_files()
 
-    # Initialize session state
     if 'last_captured' not in st.session_state:
         st.session_state['last_captured'] = time.time()
 
@@ -39,28 +38,21 @@ def main():
         if image is not None:
             st.image(image)
 
-            # Save image every 5 seconds
             if time.time() - st.session_state['last_captured'] > 5:
                 filename = save_image(image)
-                captured_images.append(filename)
+                st.session_state['captured_images'].append(filename)
                 st.session_state['last_captured'] = time.time()
 
-            # Update sidebar
-            for img_file in captured_images:
-                st.sidebar.markdown(f"- [{img_file}]({img_file})")
-
-            # QR Code Detection
-            detector = cv2.QRCodeDetector()
-            bytes_data = image.getvalue()
-            cv2_img = cv2.imdecode(np.frombuffer(bytes_data, np.uint8), cv2.IMREAD_COLOR)
-            data, bbox, straight_qrcode = detector.detectAndDecode(cv2_img)
+            sidebar_html = "<div style='display:flex;flex-direction:column;'>"
+            for img_file in st.session_state['captured_images']:
+                image_base64 = get_image_base64(img_file)
+                sidebar_html += f"<img src='data:image/png;base64,{image_base64}' style='width:100px;'><br>"
+            sidebar_html += "</div>"
+            st.sidebar.markdown("## Captured Images")
+            st.sidebar.markdown(sidebar_html, unsafe_allow_html=True)
 
-            if data:
-                st.write("# Found QR code")
-                st.write(data)
-                with st.expander("Show details"):
-                    st.write("BBox:", bbox)
-                    st.write("Straight QR code:", straight_qrcode)
+            # QR Code Detection (remains unchanged)
+            # ...
 
         time.sleep(0.1)  # Add a short delay to reduce CPU usage