Audio in HTML

Audio in HTML ka use web pages par audio files play karne ke liye kiya jata hai. Audio in HTML add karne ke liye <audio> element use kiya jata hai jisse users browser mein directly sound ya music sun sakte hain.

The HTML <audio> Element

HTML mein Audio in HTML play karne ke liye <audio> element use karte hain.

Example:

Audio in HTML


HTML Audio – How It Works

  • controls attribute audio ke controls add karta hai, jaise play, pause aur volume.

  • <source> element alternative audio files specify karne deta hai. Browser pehla supported format use karega.

  • <audio> aur </audio> ke beech ka text sirf un browsers mein dikhai dega jo <audio> element support nahi karte.

Is tarah Audio in HTML ko different browsers mein easily play kiya ja sakta hai.


HTML <audio> Autoplay

Agar aap chahte ho ki Audio in HTML automatically start ho jaye, to autoplay attribute use karte hain.

Example:

HTML <audio> Autoplay

Note: Chromium based browsers zyada cases mein autoplay allow nahi karte. Lekin muted autoplay hamesha allowed hota hai. Agar aap chahte ho ki audio automatically chale lekin sound band rahe, to autoplay ke baad muted bhi add karein.

Example:

autoplay with muted


Browser Support

Table ke numbers batate hain ki kaunse browser ke kaunse version ne <audio> element ko pehli baar fully support kiya.

Element: <audio>

  • Internet Explorer – 9.0

  • Chrome – 4.0

  • Firefox – 3.5

  • Safari – 4.0

  • Opera – 10.5

HTML Audio Formats

Audio in HTML ke liye teen main supported formats hain:

  • MP3

  • WAV

  • OGG

Different browsers ka support:

  • Edge/IE – MP3: YES, WAV: YES*, OGG: YES*

  • Chrome – MP3: YES, WAV: YES, OGG: YES

  • Firefox – MP3: YES, WAV: YES, OGG: YES

  • Safari – MP3: YES, WAV: YES, OGG: NO

  • Opera – MP3: YES, WAV: YES, OGG: YES

*Edge 79 ke baad full support mila.


HTML Audio – Media Types

File Format Media Type
MP3 audio/mpeg
OGG audio/ogg
WAV audio/wav

HTML Audio – Methods, Properties, and Events

HTML DOM <audio> element ke liye methods, properties aur events define karta hai. Inki madad se Audio in HTML ko JavaScript ke through control kiya ja sakta hai.

JavaScript ki madad se aap:

  • Audio load kar sakte ho

  • Play aur pause kar sakte ho

  • Duration check ya set kar sakte ho

  • Volume control kar sakte ho

DOM events bhi available hote hain jo batate hain ki audio kab start hua, kab pause hua aur kab end hua.

Leave a Comment