Amna-Hassan04 / Serenity-Guide

SereniFi Guide is a personalized relaxation app offering meditations, breathing exercises, and calming music to help users achieve mental tranquility.
https://huggingface.co/spaces/AmnaHassan/SereniFi
Other
25 stars 67 forks source link

[FEATURE] - Embed Spotify Playlists for Soothing Sounds Using iFrame API #113

Open ChitteshKumar opened 1 week ago

ChitteshKumar commented 1 week ago

Feature Title

Embed Spotify Playlists for Soothing Sounds Using iFrame API

Problem Statement

Currently, users on our platform have limited ability to listen to soothing sounds directly from our interface. This is a missed opportunity to enhance user experience by integrating background sounds, music, or meditative playlists that could be beneficial for relaxing while browsing.

Without embedded audio, users are forced to switch between our platform and external music sources, which could distract them from fully engaging with our content.

Proposed Solution

I propose embedding Spotify playlists of soothing sounds directly on our platform using Spotify's iFrame API. This would allow users to play, pause, and control music without leaving the platform, creating a seamless and relaxing experience. This integration will help in creating a more calming and focused environment for users, improving overall engagement and satisfaction with our platform.

Expected Outcome:

Enhanced user experience with embedded soothing sounds. Increased time spent on the platform due to a more relaxing and focused environment. Reduction in the need for users to switch between applications for music.

Alternatives Considered

There are two more ways to embed Spotify playlists given in the developer documentation from Spotify, I may use them if needed.

Additional Context

No response

github-actions[bot] commented 1 week ago

👋 Thank you! Welcome to the project! Please follow these guidelines for smooth collaboration:

  1. After completing a task, add your name and details to the Contributors Table/List.
  2. Attach relevant screenshots or videos of your contribution for transparency.
  3. Tasks are assigned on a first-come, first-served basis.
    • Avoid spamming requests for already-assigned tasks.
    • Respect the queue and wait for new tasks.
  4. Propose New Ideas: Discuss new features or suggestions in the "Ideas" channel before starting work.
ChitteshKumar commented 6 days ago

Hi @Amna-Hassan04 , can you assign this to me.

Amna-Hassan04 commented 4 days ago

@ChitteshKumar Sure, assigning u the issue. while making the PR do include all the relevant screen recording/screenshots.

ChitteshKumar commented 2 days ago

thank you for assigning me this issue. I am working on this right away. thank you. will require 3-4 days

ChitteshKumar commented 1 day ago

Hi @Amna-Hassan04 , I have completed this task and requested a PR. Kindly have a look at the PR and provide your feedback. Also if I need to change anything in the documentation. Thank you Regards