HTML

html audio tag

<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>

html5 audio tag style

Custom styling for <audio>
Ref: https://stackoverflow.com/questions/4126708/is-it-possible-to-style-html5-audio-tag

audio::-webkit-media-controls-panel {}

audio::-webkit-media-controls-mute-button {}

audio::-webkit-media-controls-play-button {}

audio::-webkit-media-controls-timeline-container {}

audio::-webkit-media-controls-current-time-display {}

audio::-webkit-media-controls-time-remaining-display {}

audio::-webkit-media-controls-timeline {}

audio::-webkit-media-controls-volume-slider-container {}

audio::-webkit-media-controls-volume-slider {}

audio::-webkit-media-controls-seek-back-button {}

audio::-webkit-media-controls-seek-forward-button {}

audio::-webkit-media-controls-fullscreen-button {}

audio::-webkit-media-controls-rewind-button {}

audio::-webkit-media-controls-return-to-realtime-button {}

audio::-webkit-media-controls-toggle-closed-captions-button {}

audio html tag

<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>

audio html tag

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>

html5 audio

<audio src="/test/audio.ogg">
<p>Tu navegador no implementa el elemento audio.</p>
</audio>

html audio tag

<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

how to use a audio tag

<audio controls>
    <source src="demo.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
</audio>

html5 audio

<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls>
  Tu navegador no implementa el elemento <code>video</code>.
</video>