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 कर सकते है
इसमें कुछ 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>
<h1>The audio element</h1>
<p>Click on the play button to play a sound:</p>
<audio controls>
<source src=”song.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.
</audio>
</body>
</html>
Output
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 पसंद आया है. तो कृपया इसे अपने पसंदीदा सोशल नेटवर्क के माध्यम से दोस्तों को शेयर करना न भूलें।