Issue with Django and HTML5 Tag: Unable to Play Uploaded Audio Files

I’m encountering an issue with playing audio files uploaded through my Django application using HTML5’s tag. Here’s the setup:

Problem Description:

I have a Django model (AudioFile) with a FileField (audio_file) to upload audio files.
In my template, I’m iterating over a queryset (audio) of AudioFile objects to display audio details and provide a playback option using the tag.
Template Code Snippet:

html
`{% for file in audio %}

{% endfor %}`

Expected Behavior:

Clicking the play button for each audio file should initiate playback directly within the browser using HTML5 audio capabilities.
Steps Taken:

Verified MEDIA_URL and MEDIA_ROOT settings in settings.py to ensure media files are correctly served.
Checked Django model setup (models.py) to confirm upload_to path for FileField.
Question:
How can I correctly configure Django and the tag in HTML5 to play uploaded audio files? What adjustments are needed in the template and model definitions to ensure proper playback functionality?

Any insights or suggestions would be greatly appreciated! Thank you.