WebVTT कैप्शन (.vtt)

W3C मानक

वेब वीडियो टेक्स्ट ट्रैक्स (WebVTT) कैप्शन, सबटाइटल और चैप्टर विवरण के लिए आधिकारिक W3C वेब मानक है, जो HTML5 वीडियो तत्वों (<track>) और आधुनिक HTTP लाइव स्ट्रीमिंग (HLS) में सीधे एकीकृत है।

SRT को VTT में कन्वर्ट करें

मुफ्त इन-ब्राउज़र SRT से VTT कन्वर्टर। अपने डिवाइस पर तुरंत फ़ाइलें कन्वर्ट करें।

निरीक्षण और मेटाडेटा

ऑपरेटिंग सिस्टम और फ़ाइल विश्लेषक शुरुआती बाइनरी बाइट अनुक्रम का निरीक्षण करके WebVTT फ़ाइलों की पहचान करते हैं:

फ़ाइलें यहाँ चुनें या छोड़ें

निजी - फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं

या पेस्ट करें Ctrl+V
नेटवर्क पर कोई डेटा भेजे बिना गोपनीयता की गारंटी: बाहरी सर्वर पर 0 बाइट अपलोड किए गए। सारी प्रोसेसिंग आपके ब्राउज़र सैन्डबॉक्स में स्थानीय रूप से हुई।

बाइट-स्तरीय हेडर हस्ताक्षर (मैजिक बाइट्स)

ऑपरेटिंग सिस्टम और फ़ाइल विश्लेषक शुरुआती बाइनरी बाइट अनुक्रम का निरीक्षण करके WebVTT फ़ाइलों की पहचान करते हैं:

HEX हस्ताक्षर (ऑफ़सेट 0):

57 45 42 56 54 54

ASCII निरूपण: WEBVTT

मानकीकरण: W3C WebVTT अनुशंसा

तकनीकी विनिर्देश

कंटेनर आर्किटेक्चर'WEBVTT' हस्ताक्षर से शुरू होने वाली UTF-8 टेक्स्ट फ़ाइल, जिसके बाद वैकल्पिक STYLE और NOTE ब्लॉक तथा क्रमिक संकेत ब्लॉक होते हैं
कंप्रेशनअसंपीड़ित सादा टेक्स्ट (आमतौर पर HTTP पर Gzip या Brotli के ज़रिए संपीड़ित)
बाइट एंडियानेसUTF-8 टेक्स्ट स्ट्रीम
कलर स्पेससंकेत शैलियों में CSS Color Module Level 4 का पूर्ण समर्थन
चैनल और संरचनाटाइमकोडयुक्त संकेत, वाक् पहचान का विश्वास स्तर, CSS शैली और स्क्रीन स्थिति सेटिंग
अधिकतम आयामअसीमित क्रमिक संकेत
पारदर्शिता'::cue' छद्म-तत्व के ज़रिए CSS अपारदर्शिता और अल्फ़ा पारदर्शिता का पूर्ण समर्थन
स्ट्रीमिंग और प्रोग्रेसिवHTML5 <video> तत्वों और HLS / DASH लाइव वीडियो मेनिफ़ेस्ट में अंतर्निहित स्ट्रीमिंग समर्थन

तकनीकी तुलना मैट्रिक्स: WebVTT बनाम प्रतियोगी

तकनीकी विशेषताWebVTT (वर्तमान)SRTASSSUB
HTML5 वेब एकीकरण100% नेटिव मानक (<track>)JS रूपांतरण की आवश्यकता हैWebAssembly की आवश्यकता हैरूपांतरण की आवश्यकता है
CSS स्टाइलिंगपूर्ण नेटिव CSS स्टाइलिंग (::cue)केवल बुनियादी HTML टैगमालिकाना ओवरराइड टैगकोई नहीं
HLS / DASH स्ट्रीमिंगवेब वीडियो और कुछ स्ट्रीमिंग प्लेलिस्ट में समयबद्ध टेक्स्ट ट्रैक के लिए WebVTT उपयोग होता है; प्लेयर समर्थन डिलीवरी प्रारूप पर निर्भर करता हैमल्टीप्लेक्सिंग के ज़रिए समर्थितसीमित स्ट्रीमिंग समर्थनकोई नहीं
हेडर आवश्यकतापहली पंक्ति पर 'WEBVTT' टेक्स्ट अनिवार्यहेडर की आवश्यकता नहीं[Script Info] अनुभागहेडर की आवश्यकता नहीं

सामान्य करप्शन मोड और हेक्स रिकवरी गाइड

ब्राउज़र कंसोल त्रुटि: 'Malformed WebVTT file: Missing WEBVTT signature'।

मूल कारण: पंक्ति 1 पर 'WEBVTT' स्ट्रिंग गायब है, या हेडर से पहले खाली पंक्तियाँ हैं।

रिकवरी: File2File.app Subtitle Converter का उपयोग करके फ़ाइल के शीर्ष पर 'WEBVTT\n\n' जोड़ें।

सुरक्षा विश्लेषण और पार्सर अटैक वेक्टर्स

वेब ब्राउज़र में WebVTT पार्सर अविश्वसनीय क्यू प्रोसेस करते हैं; यदि इन्हें DOM में बिना सैनिटाइज़ किए प्रस्तुत किया जाए, तो क्रॉस-साइट स्क्रिप्टिंग (XSS) हो सकती है।

ज्ञात अटैक वेक्टर्स

  • वेब वीडियो प्लेयर DOM में डाले गए सैनिटाइज़ न की गई HTML क्यू सामग्री के माध्यम से XSS इंजेक्शन।
  • स्वचालित सर्वर-साइड सबटाइटल थंबनेल जनरेशन के दौरान सर्वर-साइड अनुरोध जालसाजी (SSRF)।
  • विकृत CSS क्यू चयनकर्ताओं के माध्यम से सेवा से इनकार (DoS)।

सुरक्षात्मक सर्वोत्तम प्रथाएँ: ब्राउज़र की नेटिव <track> रेंडरिंग पर भरोसा करें और मैन्युअल DOM इंसर्शन से पहले cue पेलोड को सैनिटाइज करें।

ऐतिहासिक मूल और मील के पत्थर

2019W3C आधिकारिक तौर पर WebVTT: वेब वीडियो टेक्स्ट ट्रैक्स फ़ॉर्मेट को प्रस्तावित अनुशंसा के स्तर तक आगे बढ़ाता है।
2011क्लासिक SubRip से अलग एक विशिष्ट W3C मानक स्थापित करने के लिए WebSRT से नाम बदलकर WebVTT कर दिया गया।
2010WHATWG HTML5 <video> टैग के लिए नेटिव कैप्शनिंग की समस्या को हल करने के लिए WebVTT पेश करता है।

मुख्य लाभ और खूबियाँ

  • HTML <track> तत्व कैप्शन और उपशीर्षक के लिए WebVTT का उपयोग करता है। ब्राउज़र वीडियो प्लेयर के माध्यम से संकेतों का समय और शैली दिखाते हैं, हालांकि समर्थित संकेत सुविधाओं में कुछ अंतर हो सकते हैं।
  • व्यापक CSS स्टाइलिंग समर्थन: नेटिव '::cue' CSS स्यूडो-एलिमेंट का उपयोग करके रंग, फ़ॉन्ट, पृष्ठभूमि और स्थितियाँ अनुकूलित करें।
  • HLS और MPEG-DASH सेवाएँ वीडियो सेगमेंट के साथ WebVTT कैप्शन ट्रैक दे सकती हैं। जाँचें कि लक्ष्य प्लेयर प्लेलिस्ट के कैप्शन पैकेजिंग और भाषा ट्रैक का समर्थन करता है या नहीं।

तकनीकी सीमाएँ और कमियाँ

  • सख्त हेडर आवश्यकता: फ़ाइल को बिल्कुल पहली पंक्ति पर सटीक पाठ 'WEBVTT' से शुरू होना चाहिए; अन्यथा ब्राउज़र इसे अस्वीकार कर देते हैं।
  • बिंदु मिलीसेकंड विभाजक ('00:01:20.500') को पुराने अल्पविराम से अलग की गई SRT फ़ाइलों से रूपांतरण की आवश्यकता होती है।
  • पुराने गैर-ब्राउज़र हार्डवेयर प्लेयर (जैसे सस्ते USB मीडिया बॉक्स) में अक्सर WebVTT का अंतर्निहित समर्थन नहीं होता।

रोचक तकनीकी जानकारी

  • प्रत्येक वैध WebVTT फ़ाइल को पहली पंक्ति पर सटीक शब्द 'WEBVTT' से शुरू होना चाहिए; कुछ और होने पर ब्राउज़र फ़ाइल की उपेक्षा करते हैं।
  • WebVTT को मूल रूप से 'WebSRT' कहा जाता था क्योंकि इसे जानबूझकर क्लासिक SRT सबटाइटल के लगभग समान दिखने के लिए डिज़ाइन किया गया था।
  • वीडियो की प्रगति पट्टी पर माउस ले जाने पर वीडियो चैप्टर और इंटरैक्टिव थंबनेल टूलटिप्स के लिए भी WebVTT का उपयोग किया जा सकता है।

अक्सर पूछे जाने वाले तकनीकी प्रश्न

WebVTT का उपयोग किस लिए किया जाता है?

WebVTT वेबसाइटों पर HTML5 <video> तत्वों में सबटाइटल, कैप्शन, अध्याय और विवरण जोड़ने के लिए आधिकारिक वेब मानक फॉर्मेट है।

मैं SRT सबटाइटल को WebVTT में कैसे बदल सकता हूँ?

आप अपने ब्राउज़र में सीधे File2File.app का उपयोग करके एक क्लिक में SRT फाइलों को साफ WebVTT फाइलों में बदल सकते हैं।

मेरे WebVTT सबटाइटल ब्राउज़र में क्यों नहीं दिखाई दे रहे हैं?

सुनिश्चित करें कि आपकी फ़ाइल लाइन 1 पर 'WEBVTT' से शुरू होती है, उसके बाद एक खाली लाइन है, और आपका वेब सर्वर इसे 'Content-Type: text/vtt' हेडर के साथ परोसता है।