Understanding the <source> and <track> elements for multimedia in html hindi
एचटीएमएल5 वेब पेज में <source> टैग और <track> टैग का उपयोग वेब पेज में इन्सर्ट या एम्बेड <audio> टैग और <video> टैग के साथ मल्टीमीडिया सोर्स और ट्रैक कैप्शन ऐट्रिब्यूट्स फीचर्स को एनहान्स किया जाता है, जिससेये वेब पेज में एम्बेड ऑडियो और वीडियो फॉर्मेट के लिए सबटाइटल या कैप्शन रिलेटेड फीचर्स प्रदान करता हैं, सामान्यता, एचटीएमएल5 वेब पेज में सोर्स टैग और ट्रैक टैग इन्सर्टेड मल्टीमीडिया ऑब्जेक्ट या फाइल में ऑडियो और वीडियो ट्रैक लैंग्वेज टेक्स्ट कैप्शन टेक्स्ट इनफार्मेशन प्रदान करता है।
The <source> tag in HTML5.
एचटीएमएल5 वेब पेज में <source> टैग वेब डेवलपर को <audio> टैग और <video> टैग में कई मीडिया रिसोर्सेज फीचर्स कण्ट्रोल प्रदान करता है, यह फीचर्स आपको वेब ब्राउज़र में ऑडियो या वीडियो फाइल फॉर्मेट सिलेक्शन फीचर्स प्रदान करता है।
HTML5 Source Attributes.
- Multiple Formats – सोर्स टैग में आपको अल्टरनेटिव फॉर्मेट सिलेक्शन फीचर्स प्रदान करता है, यह आपके ऑडियो वीडियो सोर्स वेब ब्राउज़र में कॉम्पैटिबिलिटी फीचर्स प्रदान करता है।
- Fallback mechanism – यह आपको वेब ब्राउज़र पहले <source> टैग सिलेक्शन प्रदान करता है, यह ऑडियो वीडियो MIME टाइप फॉर्मेट एक्सटेंशन पर एक्सेक्यूट होते है।
- src – वेब पेज में एम्बेड मल्टीमीडिया फ़ाइल इन्सर्ट स्टोरेज लोकेशन ऑनलाइन यूआरएल लोकेशन को डिफाइन करता है।
- type – वेब पेज में एम्बेड मल्टीमीडिया फ़ाइल के MIME टाइप को इंडीकेट करता है, जैसे, ऑडियो/mp3, वीडियो/mp4 फाइल एक्सटेंशन है। यहाँ आपके मल्टीमीडिया फाइल ऑब्जेक्ट कम्पेटिबिलिटी को टेस्ट किया जाता है।
HTML5 Source Attributes example.
<video controls width=”800″ height=”400″>
<source src=”video1.mp4″ type=”video/mp4″>
<source src=”video2.webm” type=”video/webm”>
<source src=”video3.ogv” type=”video/ogg”>
Youu web browser too old, and you need to update it.
</video>
Source tag explanation.
आपका वेब ब्राउज़र पहले video1.mp4 फाइल को स्टार्ट की कोशिश करेगा। यदि मौजूदा वेब ब्राउज़र इस मीडिया फाइल एक्सटेंशन को नहीं चला सकता है, तो यह सेकन्डली video2.webm फाइल को चलाने की कोशिश करेगा, अगर यह फाइल एक्सेक्यूशन फ़ैल हो जाता है, तो यह video3.ogv मीडिया फाइल को चलाने की कोशिश करेगा। यदि ऊपर दिए गए सभी मीडिया फाइल एक्सटेंशन सपोर्टेड नहीं है, तो मौजूदा वेब ब्राउज़र इन मीडिया फाइल एक्सटेंशन को प्रॉपर्ली एक्सेक्यूट नहीं करेगा।
The <track> tag in HTML5.
एचटीएमएल5 वेब पेज में <track> टैग का उपयोग <video> टैग और <audio> टैग में उपयोग होने वाले ऑब्जेक्ट, जैस, मल्टीमीडिया फाइल सबटाइटल, मीडिया फाइल कैप्शन, ऑडियो वीडियो फाइल डिस्क्रिप्शन और मीडिया ऑब्जेक्ट के टाइटल टॉपिक्स के लिए टेक्स्ट इनफार्मेशन को ऐड किया जाता है। ट्रैक टैग वेब ब्राउज़र में प्रीव्यू मल्टीमीडिया ऑब्जेक्ट में कैप्शन टेक्स्ट ट्रैक रिलेटेड ऑडियो वीडियो ट्रैक टेक्स्ट इनफार्मेशन को प्रीव्यू करता है।
HTML5 track tag attributes.
- Text track attributes – वेब पेज में मल्टीमीडिया कंटेंट में में ऑडियो वीडियो ऑब्जेक्ट के टेक्स्ट-ट्रैक बेस्ड इनफार्मेशन के रूप में उपयोग किया जाता है।
- Optional attributes – मल्टीमीडिया ऑब्जेक्ट में <track> टैग अल्टरनेटिव ऑप्शन है, ट्रैक प्ले होने वाले मल्टीमीडिया ऑब्जेक्ट के साथ वीडियो ऑडियो टेक्स्ट ट्रैक इनफार्मेशन को डिस्प्ले करता है ।
- type attributes – प्ले होने वाले मल्टीमीडिया ऑब्जेक्ट में टेक्स्ट ट्रैक के टाइप को इंडीकेट करता है, डिफ़ॉल्ट प्रॉपर्टीज में।
- subtitles attributes – वेब पेज में उपयोग मल्टीमीडिया ऑब्जेक्ट में बोले गए डायलॉग का ट्रांसलेशन प्ले करता है।
- captions attributes – वेब पेज में ऐड मल्टीमीडिया ऑब्जेक्ट के रूप डिसेबल इंटरनेट यूजर के लिए ट्रैक कैप्शन प्रोवाइड करता है, इसमें डिफरेंट साउंड्स और मल्टीमीडिया ऑब्जेक्ट डायलॉग प्रीव्यू होते हैं।
- description attributes – मौजूदा वेब पेज में डिसेबल इंटरनेट यूजर के लिए वेब ब्राउज़र में प्ले होने वाले ऑडियो डिस्क्रिप्शन प्रोवाइड करता है।
- chapter attributes – वेब पेज में इन्सर्ट मल्टीमीडिया के अंदर डिस्प्ले मल्टीप्ल टॉपिक टाइटल के रूप में मार्कर इनफार्मेशन प्रोवाइड करता है।
- src attributes – वेब पेज में ट्रैक फ़ाइल का ऑनलाइन यूआरएल लोकेशन को डिफाइन करता है।
- label attributes – मौजूदा वेब पेज में प्ले मल्टीमीडिया ऑब्जेक्ट के लिए एक ट्रैक के रूप में लेबल प्रोवाइड करता है, इसमें आप प्ले होने वाले मल्टीमीडिया के साथ किसी अन्य कंट्री लैंग्वेज इनफार्मेशन के रूप में लैंग्वेज ट्रैक में डिस्प्ले करते है, जैसे, “हिंदी”, “अंग्रेजी”, “जापानीज”, आदि है।
- srclang attributes – वेब पेज में प्ले होने वाले मल्टीमीडिया फाइल ट्रैक की डिफ़ॉल्ट प्ले लैंग्वेज को डिस्प्ले करता है, जैसे, हिंदी के लिए hi, अंग्रेजी के लिए en, जापानीज के लिए jp, आदि है। इसमें इंटरनेट यूजर डिजायर प्ले मल्टीमीडिया ऑब्जेक्ट ट्रैक लैंग्वेज को सिलेक्शन में हेल्प करता है।
Track tag example in HTML5.
<video controls width=”700″ height=”440″>
<source src=”video1.mp4″ type=”video/mp4″>
<source src=”video2.webm” type=”video/webm”>
<track src=”file2subtitles.vtt” kind=”subtitles” srclang=”hi” label=”hindi”>
<track src=”file1subtitle.vtt” kind=”subtitles” srclang=”en” label=”English”>
Youu web browser too old, and you need to update it.
</video>
