अध्याय 10: HTML एंटरटेनमेंट टैग्स

HTML एंटरटेनमेंट टैग्स का उपयोग वेब पेजों पर ऑडियो, वीडियो, और अन्य एम्बेडेड कंटेंट को शामिल करने के लिए किया जाता है। ये टैग्स वेब पेजों को अधिक इंटरैक्टिव और उपयोगकर्ता-अनुकूल बनाने में मदद करते हैं। इस अध्याय में हम ऑडियो, वीडियो, और एम्बेडेड कंटेंट के टैग्स के बारे में जानेंगे।

ऑडियो (<audio>)

<audio> टैग का उपयोग वेब पेज पर ऑडियो फ़ाइलों को प्लेबैक करने के लिए किया जाता है। यह टैग विभिन्न एट्रिब्यूट्स का समर्थन करता है जो ऑडियो प्लेबैक को नियंत्रित करते हैं।

उदाहरण:

<audio controls>
<source src="audiofile.mp3" type="audio/mpeg">
आपका ब्राउज़र ऑडियो टैग को सपोर्ट नहीं करता।
</audio>

<audio> के एट्रिब्यूट्स:

• src: ऑडियो फ़ाइल का URL निर्दिष्ट करता है।
• controls: प्लेबैक नियंत्रण (जैसे प्ले, पॉज, वॉल्यूम) दिखाता है।
• autoplay: ऑडियो को स्वचालित रूप से चलाता है।
• loop: ऑडियो को लूप में चलाता है।
• muted: ऑडियो को म्यूट करता है।

वीडियो (<video>)

<video> टैग का उपयोग वेब पेज पर वीडियो फ़ाइलों को प्लेबैक करने के लिए किया जाता है। यह टैग विभिन्न एट्रिब्यूट्स का समर्थन करता है जो वीडियो प्लेबैक को नियंत्रित करते हैं।

उदाहरण:

<video width="600" controls>
<source src="videofile.mp4" type="video/mp4">
आपका ब्राउज़र वीडियो टैग को सपोर्ट नहीं करता।
</video>

<video> के एट्रिब्यूट्स:

• src: वीडियो फ़ाइल का URL निर्दिष्ट करता है।
• width: वीडियो की चौड़ाई निर्दिष्ट करता है।
• height: वीडियो की ऊँचाई निर्दिष्ट करता है।
• controls: प्लेबैक नियंत्रण (जैसे प्ले, पॉज, वॉल्यूम) दिखाता है।
• autoplay: वीडियो को स्वचालित रूप से चलाता है।
• loop: वीडियो को लूप में चलाता है।
• muted: वीडियो को म्यूट करता है।
• poster: वीडियो लोड होने से पहले दिखने वाली छवि का URL निर्दिष्ट करता है।

इम्बेडेड कंटेंट (<embed>, <object>)

<embed> और <object> टैग का उपयोग वेब पेजों पर विभिन्न प्रकार के एम्बेडेड कंटेंट (जैसे कि फ्लैश, पीडीएफ, और अन्य मल्टीमीडिया) को शामिल करने के लिए किया जाता है।

उदाहरण (<embed>):

<embed src="file.pdf" width="600" height="400" type="application/pdf">

उदाहरण (<object>):

<object data="file.pdf" type="application/pdf" width="600" height="400">
आपका ब्राउज़र इस एम्बेडेड कंटेंट को सपोर्ट नहीं करता।
</object>

<embed> और <object> के एट्रिब्यूट्स:

• src/data: एम्बेडेड फ़ाइल का URL निर्दिष्ट करता है।
• width: एम्बेडेड कंटेंट की चौड़ाई निर्दिष्ट करता है।
• height: एम्बेडेड कंटेंट की ऊँचाई निर्दिष्ट करता है।
• type: एम्बेडेड फ़ाइल के MIME प्रकार को निर्दिष्ट करता है।

निष्कर्ष

HTML एंटरटेनमेंट टैग्स का उपयोग वेब पेजों पर ऑडियो, वीडियो, और अन्य एम्बेडेड कंटेंट को शामिल करने के लिए किया जाता है। <audio>, <video>, <embed>, और <object> टैग्स का सही उपयोग करके आप अपने वेब पेजों को अधिक इंटरैक्टिव और उपयोगकर्ता-अनुकूल बना सकते हैं। अगले अध्याय में हम और अधिक HTML टैग्स और उनके उपयोगों के बारे में जानेंगे।