ऑडियो टैग
audio टैग HTML पेज पर ऑडियो रिकॉर्डिंग चलाने को
नियंत्रित करता है। इसे पेज में जोड़ने पर एक प्लेयर दिखाई देता है,
जिसमें "पीछे", "आगे", "रोकें" आदि बटन होंगे
(उनकी दिखावट और संख्या ब्राउज़र पर निर्भर करती है)।
फ़ाइल का पथ src विशेषता के माध्यम से या
नested टैग source के माध्यम से निर्दिष्ट किया जाता है।
source टैग इसलिए आवश्यक है ताकि विभिन्न प्रारूपों में
ऑडियो रिकॉर्डिंग फ़ाइलों का पथ निर्दिष्ट किया जा सके
(क्योंकि ब्राउज़र अलग-अलग ऑडियो प्रारूपों का समर्थन करते हैं,
उदाहरण के लिए mp3 या wav)।
यदि आपके पास किसी एक प्रारूप में रिकॉर्डिंग है,
तो उसे अन्य प्रारूपों में भी कनवर्ट करना होगा।
audio टैग के अंदर आप वह टेक्स्ट लिख सकते हैं,
जो उन ब्राउज़रों में दिखाई देगा, जो
HTML में ऑडियो का समर्थन नहीं करते हैं (यह
उपयोगकर्ताओं को इसके बारे में सूचित करने के लिए किया जाता है)।
यदि आप ऑडियो चलाने को नियंत्रित करने के लिए प्लेयर देखना चाहते हैं
- तो controls विशेषता जोड़नी चाहिए।
इसके बिना आपको कुछ भी दिखाई नहीं देगा - और इस दौरान
आवाज़ भी नहीं आएगी। प्लेयर के अभाव में आवाज़ सुनने के लिए
- autoplay विशेषता जोड़ें।
विशेषताएँ
| विशेषता | विवरण |
|---|---|
src |
ऑडियो फ़ाइल का पथ निर्दिष्ट करता है।
लेकिन इसके लिए source टैग का उपयोग करना बेहतर है
(इस मामले में विभिन्न प्रारूपों में ऑडियो निर्दिष्ट करना संभव होगा)।
|
preload |
वेबसाइट के पेज के लोड होने के साथ ही ऑडियो फ़ाइल को लोड करने के लिए उपयोग किया जाता है।
स्वीकार्य मान: none (फ़ाइल लोड न करें, डिफ़ॉल्ट रूप से),
metadata (केवल सर्विस जानकारी लोड करें: ध्वनि की अवधि आदि),
auto (HTML पेज लोड होने पर ऑडियोफ़ाइल को पूरी तरह से लोड करें)।
|
autoplay |
पेज लोड होते ही ध्वनि बजने लगती है,
और इस दौरान preload विशेषता की उपस्थिति को नजरअंदाज कर दिया जाएगा।
बिना मान वाली विशेषता। |
controls |
ऑडियोफ़ाइल में नियंत्रण पैनल जोड़ता है।
और इस दौरान preload विशेषता की उपस्थिति को नजरअंदाज कर दिया जाएगा।
बिना मान वाली विशेषता। |
loop |
ऑडियो रिकॉर्डिंग को "गोल" दोहराता है: पूरा होने के बाद यह फिर से बजने लगेगी।
और इस दौरान preload विशेषता की उपस्थिति को नजरअंदाज कर दिया जाएगा।
बिना मान वाली विशेषता। डिफ़ॉल्ट रूप से (यदि विशेषता नहीं है) रिकॉर्डिंग केवल 1 बार चलेगी।
|
muted |
ऑडियो रिकॉर्डिंग में ध्वनि बंद कर देता है।
बिना मान वाली विशेषता। डिफ़ॉल्ट रूप से (यदि विशेषता नहीं है) रिकॉर्डिंग की ध्वनि चालू होती है। |
उदाहरण . वेबसाइट पेज पर प्लेयर
आइए पेज पर ऑडियो रिकॉर्डिंग वाला एक प्लेयर जोड़ें।
उन ब्राउज़रों के लिए, जो
audio टैग का समर्थन नहीं करते हैं, इसके बारे में
एक विशेष रिकॉर्ड छोड़ी गई है:
html<audio src="track.mp3" controls>
आपका ब्राउज़र HTML5 पर ऑडियो का समर्थन नहीं करता है।
</audio>
उदाहरण . सोर्स टैग के साथ वेबसाइट पेज पर प्लेयर
और अब audio टैग के लिए src विशेषता के बजाय
source टैग जोड़ते हैं:
html<audio controls>
<source src="track.mp3">
आपका ब्राउज़र HTML5 पर ऑडियो का समर्थन नहीं करता है।
</audio>