srclang एट्रिब्यूट
srclang एट्रिब्यूट HTML में <track> तत्व के लिए ट्रैक टेक्स्ट डेटा (उपशीर्षक, कैप्शन) की भाषा निर्दिष्ट करता है। यह एट्रिब्यूट kind="subtitles" के साथ उपयोग किए जाने पर **आवश्यक** है।
उदाहरण
निम्नलिखित कोड srclang एट्रिब्यूट का उपयोग करके बहुभाषी उपशीर्षक दिखाता है:
<!DOCTYPE HTML>
<html>
<body>
<video width="300" height="200" controls>
<source src="/html5/foo.ogg" type="video/ogg">
<source src="/html5/foo.mp4" type="video/mp4">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_hi.vtt" kind="subtitles" srclang="hi" label="हिन्दी" default>
<track src="subtitles_es.vtt" kind="subtitles" srclang="es" label="Español">
आपका ब्राउज़र वीडियो तत्व का समर्थन नहीं करता।
</video>
</body>
</html>
महत्वपूर्ण बिंदु
| एट्रिब्यूट | विवरण |
|---|---|
srclang |
ट्रैक टेक्स्ट की भाषा (BCP 47 भाषा टैग, जैसे "en", "hi", "es") |
kind |
ट्रैक प्रकार: subtitles, captions, descriptions, chapters, metadata |
label |
उपयोगकर्ता को दिखाया जाने वाला शीर्षक |
default |
डिफ़ॉल्ट रूप से सक्रिय ट्रैक दर्शाता है |
VTT फ़ाइल प्रारूप
WebVTT (.vtt) फ़ाइलें इस प्रारूप का पालन करती हैं:
WEBVTT
1
00:00:01.000 --> 00:00:04.000
नमस्ते, यह हिन्दी उपशीर्षक है।
2
00:00:05.000 --> 00:00:08.000
HTML5 वीडियो में उपशीर्षक जोड़ना आसान है।
सुलभता नोट
उपशीर्षक और कैप्शन केवल भाषा अनुवाद के लिए नहीं, बल्कि श्रवण बाधित उपयोगकर्ताओं के लिए पहुँच सुनिश्चित करने के लिए भी महत्वपूर्ण हैं। kind="captions" ध्वनि प्रभाव और स्पीकर पहचान शामिल करता है।
