🎧 Add In-App Soothing Music Player

[kr-learns]

Integrate a calming Spotify playlist directly into the TalkHeal web app, allowing users to play music within the site — no redirection required. Helps create a peaceful environment during conversations.

[kr-learns]

Hi @eccentriccoder01 👋

I would love to work on this enhancement for the project under GSSoC’25. The feature aims to embed a calming Spotify playlist directly into the web app, allowing users to play music within the site itself — creating a more peaceful and emotionally supportive environment.

🔧 Planned Workflow:

🎵 Choose a calming playlist (e.g., Peaceful Piano on Spotify).

🧩 Embed the player using an iframe inside a collapsible st.expander block.

🎛 Add proper styling and heading ("Soothing Music") to keep it clean and user-friendly.

🔄 Ensure the player plays directly inside the site — without redirection.

✅ Test the embed behaviour across browsers.

Could you assign this issue to me? Also, please consider adding the following labels for better visibility:

• gssoc'25

• level2

• enhancement

• Good first issue

I look forward to your response and am happy to contribute to this wonderful project! 🙌

[eccentriccoder01]

Thanks for the wonderful idea @kr-learns! 🌸
Just a small note: there's also an open issue (#15) that suggests a broader concept including soothing music, motivational videos, and light games. While your issue focuses more specifically on the music player, you may want to review that, feel free to collaborate or take ideas from there too...
Assigning this issue to you, 4 days for this...looking forward to your PR, let me know if you need help with iframe embedding or layout adjustments... All the best!

[kr-learns]

@eccentriccoder01 Sure! I will check issue #15 and take some ideas from it.
Thank you for assigning this to me.

[kr-learns]

@eccentriccoder01

I think some of the latest merges are showing an error in the app
Link - https://talkheal.streamlit.app/

This can be due to the changes in the TalkHeal.py file and chat_interface.py file because a similar error occurred in my issue as well, but I fixed it.

Please review it once

Also, the following section is gone -

[eccentriccoder01]

Yess @kr-learns, I came across the same error. The merging of the latest PR #41 by @sagnik-create is causing this issue...

It's a mistake on my part for overlooking the PR and not asking for a working deployment link. I'll try to revert the changes soon.

Also for PR #49 @Neermita18 it'll be like before once I rewind the changes...
I'm sorry for the inconvenience

[eccentriccoder01]

You can check it now

[kr-learns]

@pkbros, I need some help.

I am seeing the same block of soothing music twice in the sidebar.
One is error-free while the other displays an error message

Also, the emergency red button is gone, and only text appears

Please help me fix

[pkbros]

Hey @kr-learns !
Sorry for the late reply. Its been busy these days.🥲
Can you please provide the code where you have made changes so that i can see what's going on there?

[eccentriccoder01]

@kr-learns hope you're alive and functioning
LOL kidding... Do you still wish to work on this issue?
Seems like you've already worked a bit on this...