Audio Tag In Html-ऑडियो टैग इन हिंदी

Audio Tag In Html

नमस्कार दोस्तों ! इस post में हम audio tag के बारे में पड़ेंगे की हम html में किसी song को केसे insert करते है. और साथ ही साथ हम उसके attributes के बारे में भी जानेगे तो चलिए शुरु करते है .

What is Audio Tag in Hindi

जब भी हमें अपने html web page में audio या song लगाना होता है तो  हम  audio टैग का use करते है जिसके द्वारा हम अपने web page में कही पर भी song insert कर सकते है

इसका opening tag <audio>  तथा </audio> closing tag होता है

इसमें कुछ attributes होते है जिसकी help से हम इसमें बहुत से option का use कर सकते है

आपने काफी वेबसाइट देखि होंगी जिनपर लाइव ऑडियो को सुना जा सकता हैं ऑडियो की काफी फॉर्मेट होती हैं जैसे – mp3 , wav, ogg,aac, etc ….

इन सभी ऑडियो साउंड (audio sound) को HTML पेज पर प्ले (play) करने ,कण्ट्रोल (control) करने के लिए HTML में <audio> टैग होता हैं

जिसके द्वारा audio को आसानी से HTML पेज पर embed किया जा सकता हैं embed का यहाँ पर मतलब हैं HTML पेज पर ऑडियो को display कराके play करना ।

जब पेज पर ऑडियो प्ले हो जाती हैं बस इसे ही HTML पेज मैं ऑडियो को embed करना कहते हैं ।

Video Tag In Html-विडियो टैग इन हिंदी

Clipping in computer graphics जाने हिंदी में…

Examples of <audio> tag in HTML

<!DOCTYPE html>

<html>

<body>

<h1>The audio element</h1>

<p>Click on the play button to play a sound:</p>

<audio controls>

<source src=”song.ogg” type=”audio/ogg”>

<source src=”song.mp3″ type=”audio/mpeg”>

Your browser does not support the audio element.

</audio>

</body>

</html>

Output

audio tag in html

Audio Tag  Attributes In Html

Attribute

Value

Description

Autoplay autoplay 

 

इस attributes से web page load होते ही song चालू हो जाता है
Controls controls इस attributes से हमारे audio में control बटन आ जाते है जैसे की play/pause  mute volume button etc
Loop loop 

 

इस attributes से हमारा song end होते ही दुबारा बार-बार  चालू हो जाता है जिसे हम loop कहते है
Muted muted 

 

इस attributes की help से हम by-default जब भी audio load होगा हो mute होगा अगर हमे उसकी volume चालू करनी होगी तो volume बटन पर click करके unmute करना होगा
Preload auto
metadata
none
इस attributes की तीन value होती है 

Auto -जैसे ही audio load होते ही उसमें सारे control button load/show हो जाते है

None-इसके द्वारा control button में जो extra button hide हो जाते है

जैसे ही हम audio play करते है वो सब show हो जाते है.

Matadata- audio से पहले browser उसकी सारी information import करता है फिर इसके बाद audio फाइल import करता है

SRC URL 

 

इसके द्वारा हम अपने audio song का path डालते है जिसे हमे अपने web page में डालना होगा .

Browser Support

हमने निचे दी गयी table में ये बताया है की सबसे जादा use होने वाले audio format किस किस  web browser को support करता है.और किस को नहीं करते है निचे दी गयी table में बताया  गया है.

Browser MP3 WebM Ogg
Edge YES YES YES
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES No
Opera YES YES YES

 

Note:-इस tutorial के लिए बस इतना ही। अगर आपको यह tutorial पसंद आया है. तो कृपया इसे अपने पसंदीदा सोशल नेटवर्क के माध्यम से दोस्तों को शेयर करना न भूलें।

Leave a Comment