Embedding audio in HTML

Question

How to embed audio in HTML document?

Steps to get source link for audio?

Answer 1

To embed audio in HTML:

‘’’htm
<audio controls>
<source src="your-audio-file.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
‘’’

Steps to get audio source link:

1. Upload your audio to a hosting site (e.g. SoundCloud, Google Drive, or direct file hosting).

2. Copy the direct link to the .mp3 file.

3. Use that link in the src attribute.

Answer 2

Wisdom, in case you have uploaded the image in Dropbox, you might want to modify the link a bit, as follows:
Example image URL:-
"https://www.dropbox.com/scl/fi/9e78wx0d7we2vlawk7p29/1745509984685.jpg?rlkey=d3603pm9xqg455nxmb37qfql1&st=5byt2twh&dl=0 "

Modify this to:-
"https://www.dl.dropboxusercontent.com/scl/fi/9e78wx0d7we2vlawk7p29/1745509984685.jpg?rlkey=d3603pm9xqg455nxmb37qfql1&st=5byt2twh&dl=0 "

[Basically, I just changed "www.dropbox.com" to "www.dl.dropboxusercontent.com" keeping everything else unchanged.]

I don't know if this is standard, but it works quite well for me.
Hope this helps.

A gentle reminder: Kindly use the search bar before posting a question.
https://www.sololearn.com/discuss/2335859/?ref=app
https://www.sololearn.com/discuss/2450551/?ref=app
https://www.sololearn.com/discuss/1288998/?ref=app
https://www.sololearn.com/discuss/1325165/?ref=app
https://www.sololearn.com/discuss/1007989/?ref=app
https://www.sololearn.com/discuss/3323000/?ref=app