Category: html_css

how to load audio in html page.?

Published on 25 May 2026

Explanation

The <audio> tag is used to play audio in an HTML page.

Code:

<audio></audio>,
<audio src='song.mp3'></audio>,
<audio src='song.mp3' controls></audio>

Explanation

Audio can automatically play, repeat, or start muted.

Code:

<audio src='song.mp3' autoplay controls>
</audio>,
<audio src='song.mp3' loop controls>
</audio>,
<audio src='song.mp3' muted controls>
</audio>

Explanation

The <source> tag allows multiple audio formats.

Code:

<audio controls><source src='song.mp3' 
type='audio/mpeg'></audio>,
<audio controls><source src='song.ogg' 
type='audio/ogg'></audio>,
<audio controls><source src='song.wav' 
type='audio/wav'></audio>

Explanation

Extra settings can improve audio loading and user experience.

Code:

<audio src='song.mp3' preload='auto' 
controls></audio>,<audio src='song.mp3'
 preload='metadata' controls></audio>,
<audio controls>
Your browser does not support audio.</audio>

Explanation

JavaScript can control audio playback using buttons.

Code:

<button onclick="music.play()">Play</button>,
<button onclick="music.pause()">
Pause</button>,
<audio id='music' src='song.mp3'></audio>

Hackforge Academy

how to load audio in html page.?

Explanation

Code:

Explanation

Code:

Explanation

Code:

Explanation

Code:

Explanation

Code:

Join Our Free WhatsApp Community

Python Community

React Community

Java Community