<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<figure>
<figcaption>Listen to the T-Rex:</figcaption>
<audio
controls
src="/media/cc0-audio/t-rex-roar.mp3">
Your browser does not support the
<code>audio</code> element.
</audio>
</figure>
MIME Types for Audio Formats
Format MIME-type
MP3 audio/mpeg
OGG audio/ogg
WAV audio/wav
If simply audio '<audio>' tag is written then audio controls will not appear on the web page.
and for showing audio controller we need to write controls attribute in audion tag '<audio controls>'.
Example
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
</audio>
<audio controls>
<source src="sound.ogg" type="audio/ogg"/>
<source src="sound.mp3" type="audio/mpeg"/>
</audio>
this will also work in react js & html