HTML and CSS tutorial for beginners in Hindi |
हेलो फ्रेंड्स, KTL के HTML और CSS tutorial में आपका स्वागत है। आज हम लेसन १५ सीखेंगे।
पिछले लेसन में हम ने वीडियो tag के बारे में सीखा।
इस लेसन में हम देखेंगे की वेब पेज में ओडियो कैसा इन्सर्ट करते हैं।
HTML audio tag
HTML5 में <audio> tag होता है। इस का उपयोग एक वेब पेज में ऑडियो इन्सर्ट करने के लिए होता है। यह tag video के जैसे काम करता है। अगर आपने वीडियो का लेसन ठीक से समझ लिया है तो ऑडियो समझना बहुत आसान होगा। दोनों का syntax एक जैसा है।चलिये, ऑडियो के बारे में सीखेंगे।<audio> tag का "controls" नाम का attribute होता है। यह ऑडियो में प्ले, स्टॉप, volume जैसे कंट्रोल्स डिस्प्ले करता है।
Source element for audio
ऑडियो element के अंदर "source" नाम का element होता है। <source> tag का "src" attribute होता है। इसमें हम ऑडियो फाइल का नाम देते हैं।<source> tag का और एक attribute होता है - "type"। इस में ऑडियो फाइल का type देते हैं।
तो <source> कैसा लिखते हैं?
<source src="name of audio" type="audio/mpeg">
हमारा ऑडियो इन्सर्ट करने के लिये कोडिंग ऐसा होगा:
<audio controls>
<source src="mus.mp3" type="audio/mpeg">
Audio is not supported by your browser
</audio>
अब हम इसका उपयोग हमारे प्रोग्राम में करेंगे। एक नयी Notepad फाइल ओपन कीजिये। इस में lesson-14 के पहले लाइन से <body> तक का टेक्स्ट कॉपी कीजिये। इस के नीचे ऊपर लिखा हुआ कोड कॉपी कीजिये।
</body> और <html> टाइप कीजिये।
आकृति १५-१ HTML audio tag, inserting audio file in web page, HTML hr tag |
Source कोड की PDF फाइल देखने के लिए आकृति १५-१. पर क्लिक कीजिये। इस फाइल को "lesson-15" और "lesson-15.html"के नाम से save कीजिये। इसका आउटपुट देखिए। एक ऑडियो फाइल डिस्प्ले हुई है।
आकृति १५-२ Audio file in web page |
HTML hr tag
हमने एक नया tag use किया है - <hr>। इस tag का उपयोग वेब पेज में horizontal लाइन दिखाने के लिये होता है।
हम <source> में एक से ज्यादा ऑडियो के नाम दे सकते हैं। अगर browser पहला ऑडियो नहीं प्ले कर सकता है तो दूसरा ऑडियो प्ले करता है।
<audio> में जो टेक्सट देते हैं ("Audio is not supported by your browser") वह डिस्प्ले नहीं होता। अगर browser <audio> support नहीं करता है तो यह टेक्सट वेब पेज में डिस्प्ले होता है।
Important Points:
१. HTML5 में <audio> tag होता है। यह वेब पेज में ऑडियो इन्सर्ट करने के लिए होता है।२. <audio> tag का "controls" attribute होता है। यह attribute प्ले, स्टॉप जैसे controls डिस्प्ले करता है।
३. <source> element में ऑडियो फाइल का नाम देते हैं।
४. <source> element का "src" attribute होता है जिसका उपयोग ऑडियो फाइल का नाम देने के लिये होता है। <source> element का और एक attribute होता है - type। इस में ऑडियो फाइल का type दिया जाता है।
लेसन १४ लेसन १६