Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhancement: Enable users to listen to their own uploaded voice notes #78

Merged
merged 2 commits into from
Feb 23, 2025

Conversation

01bps
Copy link
Contributor

@01bps 01bps commented Feb 18, 2025

The current implementation don't have a feature for users to listen to their own recordings after uploading. The audio file is not accessible on the profile page, leading to a missing playback option.
This PR introduces an embedded audio player in the user profile, allowing users to play their uploaded voice notes,
solving #77

Changes:

  • Added a new route to serve the uploaded audio files, in the backendapp.py
  • Frontend (profile.html): Integrated an HTML5 <audio> player below each uploaded image, displaying it only when a voice note exists.
  • Styling Adjustments: Ensured the audio player fits within the image card layout for a clean UI.

Screenshot:

Att01

Checklist:

Signed-off-by: Bagwan <bagwanaran@gmail.com>
- Ensure proper UI integration to ensure audio player fits within the image card layout

Signed-off-by: Bagwan <bagwanaran@gmail.com>
@01bps
Copy link
Contributor Author

01bps commented Feb 18, 2025

Hi @mdxabu ,
This PR is ready for review. Let me know if any adjustments are needed or if there's anything else to improve.
Looking forward to your thoughts!

@ishaanxgupta
Copy link
Contributor

The current implementation don't have a feature for users to listen to their own recordings after uploading. The audio file is not accessible on the profile page, leading to a missing playback option. This PR introduces an embedded audio player in the user profile, allowing users to play their uploaded voice notes, solving #77

Changes:

  • Added a new route to serve the uploaded audio files, in the backendapp.py
  • Frontend (profile.html): Integrated an HTML5 <audio> player below each uploaded image, displaying it only when a voice note exists.
  • Styling Adjustments: Ensured the audio player fits within the image card layout for a clean UI.

Screenshot:

Att01

Checklist:

great work!

@01bps
Copy link
Contributor Author

01bps commented Feb 22, 2025

Hi @mdxabu ,
I hope you're doing well! Just wanted to follow up on this PR and check if you’ve had a chance to review it. Please let me know if you need any further changes.

@pradeeban pradeeban merged commit 019b0bc into KathiraveluLab:dev Feb 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants