added background music

Author: SamVia

1_🕔_Clock.py

@@ -22,6 +22,9 @@ def get_image_data_url(img_bytes):
     encoded = base64.b64encode(img_bytes).decode()
     return f"data:image/png;base64,{encoded}"
 
+def music_player(id):
+    return f"""<iframe style="display:none;" width="560" height="315" src="https://www.youtube.com/embed/{id}?autoplay=1&loop=1&playlist={id}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>"""
+
 if "image" not in st.session_state:
     st.session_state.image = "https://f8n-production.s3.us-east-2.amazonaws.com/collections/awzn1l17u-beach%20relax-export.gif"
 
@@ -34,6 +37,9 @@ def get_image_data_url(img_bytes):
 if "screen_dim" not in st.session_state:
     st.session_state.screen_dim = [1920, 1080]
 
+if "selected_video" not in st.session_state:
+    st.session_state.selected_video = ("None","")
+
 zoneinfo = ZoneInfo(st.session_state.timezone)
 dt = datetime.now(zoneinfo)
 
@@ -100,5 +106,8 @@ def get_image_data_url(img_bytes):
 
 
 
+st.markdown(music_player(st.session_state.selected_video[1]), unsafe_allow_html=True)
+
+
 time.sleep(1)
 st.rerun()

pages/2_⚙️_settings.py

@@ -42,6 +42,25 @@
 if "image" not in st.session_state:
     st.session_state.image = "https://f8n-production.s3.us-east-2.amazonaws.com/collections/awzn1l17u-beach%20relax-export.gif"
 
+if "selected_video" not in st.session_state:
+    st.session_state.selected_video = ("None","")
+
+  
+if "videos" not in st.session_state:
+    st.session_state.videos = {
+        "None":"",
+        "Pokemon": "YMEblRM4pGc",
+        "Minecraft": "0KvlwMd3C4Y",
+        "Lofi Girl": "BTYAsjAVa3I",
+        "Upbeat Classical": "mv5SZ7i6QLI",
+        "Classical Music":"jgpJVI3tDbY",
+        "Upbeat Study":"xcwA5h85AvA",
+        "Soft Techno":"7j0yL8A-k4E",
+        "8D Binaural":"n0SpKMnkPec",
+        "Input youtube link":"" 
+    }
+
+
 #function to change format from printable to executable
 def format_funct(val):
   i = st.session_state.timezones.index(val)
@@ -53,6 +72,14 @@ def get_index(val):
 def get_image_data_url(img_bytes):
     encoded = base64.b64encode(img_bytes).decode()
     return f"data:image/png;base64,{encoded}"
+  
+def extract_youtube_id(url):
+    start = url.find("?v=") + 3
+    end = url.find("&", start)
+    if end == -1:
+        end = len(url)
+    return url[start:end]
+  
 #save timezone value:
 st.session_state.timezone = st.selectbox("Select Timezone:", st.session_state.timezones, index=get_index(st.session_state.timezone), format_func=format_funct, placeholder="Europe: Italy")
 
@@ -63,4 +90,28 @@ def get_image_data_url(img_bytes):
 
 uploaded_file = st.file_uploader("Choose an image...", type=["png", "jpg", "jpeg", "gif"])
 if uploaded_file is not None:
-  st.session_state.image = get_image_data_url(uploaded_file.read())
+  st.session_state.image = get_image_data_url(uploaded_file.read())
+
+
+
+
+list_keys = list(st.session_state.videos.keys())#easy way to get all names of choices
+sel_obj = st.session_state.selected_video[0]#extract the current name
+col1, col2 = st.columns(2)
+with col1:
+    st.markdown("""<div style="display:flex; font-size: 30px; justify-content:center; align-items:center; font-weight: bold; color: "white";">
+                            Beats🎶
+                        </div>""",unsafe_allow_html=True)
+    key = st.selectbox("select ambient music", list_keys, index = list_keys.index(sel_obj), label_visibility="collapsed")
+    
+    if key == "Input youtube link":
+      text = st.text_input("input link:", placeholder="https://www.youtube.com/watch?v=jNQXAC9IVRw")
+      text = extract_youtube_id(text)
+      if len(text) != 11:
+        st.toast("Please input a valid youtube link")
+      else:
+        st.session_state.videos[key]=text
+        st.toast("Youtube link accepted!")
+
+
+st.session_state.selected_video = (key,st.session_state.videos[key])