वीडियो और उपशीर्षक · उपशीर्षक टूलकिट
WebVTT ने समझाया: WebSRT से HTML5 वीडियो के लिए W3C कैप्शन प्रारूप तक
· पेजभूमि
उपशीर्षक webvtt फ़ाइल स्वरूपों ब्राउज़र-प्रसंस्करण
WebVTT इसलिए बनाया गया था ताकि ब्राउज़र मूल रूप से कैप्शन दिखा सकें। यह पोस्ट वेबSRT के रूप में इसकी उत्पत्ति को कवर करती है, यह SRT से कैसे भिन्न है, विनिर्देश क्या जोड़ता है और आज इसका उपयोग कहां किया जाता है।
ब्राउज़र को अपने स्वयं के कैप्शन प्रारूप की आवश्यकता क्यों है - मूल वीडियो का आगमन और एक मानक ट्रैक प्रारूप की अनुपस्थिति
मूल वीडियो ने एक वेब पेज को एक मीडिया तत्व दिया, लेकिन समयबद्ध पाठ को अभी भी एक इंटरऑपरेबल फ़ाइल प्रतिनिधित्व की आवश्यकता होती है जिसे ब्राउज़र ला सकते हैं और पार्स कर सकते हैं। एक अनौपचारिक SRT फ़ाइल एक ब्राउज़र सुविधा के लिए पर्याप्त नहीं थी जिसे प्रस्तुति के लिए परिभाषित सिंटैक्स, क्यू व्यवहार और हुक की आवश्यकता थी। WebVTT पहचानने योग्य क्यू-और-टाइमस्टैम्प आकार को बनाए रखते हुए उस वेब-फेसिंग अनुबंध की आपूर्ति करता है।
वह ब्राउज़र संदर्भ इसकी परिचितता और इसकी अतिरिक्त संरचना दोनों को समझाता है। न्यूनतम VTT SRT के करीब दिखता है, लेकिन किसी अन्य एक्सटेंशन के साथ यह SRT नहीं है। हस्ताक्षर, टाइमस्टैम्प विराम चिह्न और संकेत व्याकरण यह तय करने का हिस्सा हैं कि ब्राउज़र को WebVTT प्राप्त हुआ है या नहीं।
WebSRT और WebVTT का नाम - प्रारंभिक WHATWG कार्य और W3C में स्थानांतरण
WebVTT, या वेब वीडियो टेक्स्ट ट्रैक्स बनने से पहले प्रारूप पर पहले WebSRT नाम के तहत चर्चा की गई थी। वह वंशावली डिज़ाइन पथ का संचार करती है: व्यापक रूप से समझे जाने वाले उपशीर्षक ब्लॉक आकार से शुरू करें, फिर वेब मीडिया के लिए आवश्यक अतिरिक्त व्यवहार को परिभाषित करें। यह लेख दिनांकों, नामित एडिटर और विस्तृत मानक-निकाय कालक्रम से बचता है क्योंकि उन तथ्यों को कार्यान्वयन दावों के लिए उपयोग की जाने वाली भंडार सामग्री द्वारा सत्यापित नहीं किया जाता है।
फ्रंट-एंड डेवलपर के लिए, टिकाऊ सबक यह है कि WebVTT एक प्लेयर-विशिष्ट कन्वेंशन के बजाय ब्राउज़र मीडिया सुविधाओं के लिए निर्दिष्ट इनपुट है। कार्यान्वयन को ऐतिहासिक लेबल पर निर्भर होने के बजाय इसके वर्तमान सिंटैक्स को लक्षित करना चाहिए और उपभोक्ता प्लेयर में परीक्षण करना चाहिए।
विनिर्देशन SRT में क्या जोड़ता है - WEBVTT हेडर, क्यू पहचानकर्ता, क्यू सेटिंग्स और स्टाइलिंग हुक
WebVTT एक आवश्यक WEBVTT हस्ताक्षर जोड़ता है और क्यू पहचानकर्ताओं को अनुमति देता है जिन्हें संख्यात्मक होने की आवश्यकता नहीं है। क्यू सेटिंग्स संरेखण और प्लेसमेंट को व्यक्त करने के लिए अंतिम समय का पालन कर सकती हैं, जबकि NOTE, STYLE और REGION ब्लॉक एक सादे SRT क्यू सूची से परे मेटाडेटा और प्रस्तुति संरचनाएं प्रदान करते हैं। ब्राउज़र स्टाइलिंग हुक वीडियो में टेक्स्ट को बर्न किए बिना प्रदर्शित संकेतों को संबोधित कर सकते हैं।
ToolAcre एक केंद्रित उपसमुच्चय लागू करता है। यह अंतिम टाइमस्टैम्प के बाद मिली सेटिंग्स को संरक्षित करता है, लेकिन क्यू पहचानकर्ताओं को हटा देता है और लोड पर NOTE, STYLE और REGION ब्लॉक को छोड़ देता है। यह सामान्य रूपांतरण के लिए पर्याप्त है और जानबूझकर पूर्ण WebVTT मॉडल के लिए दोषरहित एडिटर नहीं है।
बिंदु, हेडर और UTF-8 - छोटे अंतर जो SRT फ़ाइल को वैध VTT फ़ाइल होने से रोकते हैं
तीन छोटे विवरण न्यूनतम VTT को SRT से अलग करते हैं। पहली पंक्ति में WEBVTT हस्ताक्षर होना चाहिए, टाइमस्टैम्प में मिलीसेकंड से पहले पूर्ण विराम का उपयोग होता है और पाठ UTF-8 होना चाहिए। ToolAcre वैकल्पिक बाइट-ऑर्डर चिह्न और अग्रणी रिक्त स्थान को सहन करते हुए हस्ताक्षर के परीक्षण द्वारा VTT का पता लगाता है; उस हस्ताक्षर के बिना पाठ डिफ़ॉल्ट रूप से SRT होता है।
जो भी स्रोत उपयोग में आया उसे संरक्षित करने के बजाय सीरिएलाइज़र हस्ताक्षर और बिंदु विराम चिह्न लिखता है। फ़ाइल इनपुट को UTF-8 के रूप में पढ़ा जाता है। इसलिए एक विरासत-एनकोडेड SRT रूपांतरण से पहले प्रतिस्थापन वर्ण दिखा सकता है, और इसके कंटेनर सिंटैक्स को बदलने से पहले से ही गलत तरीके से डिकोड किए गए बाइट्स को पुनर्प्राप्त नहीं किया जा सकता है।
जहां WebVTT का उपयोग किया जाता है - HTML5 ट्रैक तत्व, HLS कैप्शन और कEVडियो प्लेटफ़ॉर्म
WebVTT HTML वीडियो ट्रैक तत्व से जुड़ा साइडकार प्रारूप है और वेब डिलीवरी सिस्टम में दिखाई देता है जो समयबद्ध पाठ का उपभोग करता है। कुछ स्ट्रीमिंग और प्लेटफ़ॉर्म वर्कफ़्लो भी WebVTT का उपयोग करते हैं, लेकिन स्वीकृति विवरण गंतव्य से संबंधित होते हैं और एक्सटेंशन से अनुमान लगाने के बजाय उनकी जाँच की जानी चाहिए। एक वैध VTT फ़ाइल अभी भी गलत मीडिया प्रकार के साथ प्रस्तुत की जा सकती है या क्रॉस-ओरिजिन डिलीवरी नियमों द्वारा अवरुद्ध की जा सकती है।
टूलकिट एक फ़ाइल प्रतिनिधित्व तैयार करता है; यह HTML पेज, सर्वर हेडर या स्ट्रीमिंग मेनिफेस्ट को कॉन्फ़िगर नहीं करता है। रूपांतरण को डिलीवरी के एक चरण के रूप में मानें और वास्तविक प्लेयर का उसी URL, हेडर और मूल संबंध के साथ परीक्षण करें जिसका उपयोग दर्शक करेंगे।
इसमें क्या शामिल नहीं है - पूर्ण स्टाइल और क्षेत्र मॉडल, जिसका अधिकांश कैप्शन फ़ाइलें कभी उपयोग नहीं करती हैं
पूर्ण स्टाइल और क्षेत्र मॉडल इस कन्वर्टर के बाहर है। जटिल क्यू चयनकर्ता, क्षेत्र लेआउट और प्रस्तुति नीतियां WebVTT-जागरूक संलेखन टूल और ब्राउज़र परीक्षण के लायक हैं। पार्सर STYLE और REGION ब्लॉक को छोड़ देता है, इसलिए इस पथ के माध्यम से ऐसे मास्टर को भेजने से उन्हें अदृश्य रूप से संरक्षित करने के बजाय आउटपुट से हटा दिया जाता है।
टूल SRT आउटपुट में एक क्यू सेटिंग भी रखता है, भले ही SRT के पास इस पर कार्य करने के लिए कोई परिभाषित तंत्र नहीं है। वह प्रलेखित सीमा मूल VTT मास्टर को बनाए रखने का एक कारण है जब भी प्लेसमेंट महत्वपूर्ण होता है, यह मानने का कारण नहीं कि प्रत्येक गंतव्य उसी तरह अतिरिक्त पाठ को अनदेखा कर देगा।
टेकअवे: वेब के लिए एक वास्तविक मानक - कैसे उपशीर्षक टूलकिट WebVTT का उत्पादन करता है जो इसका अनुसरण करता है
WebVTT एक परिचित समय-पाठ पैटर्न को परिभाषित वेब इनपुट में बदल देता है। हस्ताक्षर इसकी पहचान करता है, टाइमस्टैम्प व्याकरण विहित है और क्यू मॉडल सादे अनुक्रमिक पाठ से अधिक ले जा सकता है। उपशीर्षक टूलकिट पूरे मिलीसेकंड में समय को पार्स करके SRT से न्यूनतम कैनोनिकल फ़ाइल तैयार करता है, फिर एक WEBVTT हेडर, डॉट सेपरेटर और पहचानकर्ता लाइनों के बिना संकेत लिखता है।
स्रोत और आउटपुट क्यू गणना की तुलना करें और किसी खिलाड़ी को परिणाम संलग्न करने से पहले सभी पार्स मुद्दों को पढ़ें। यदि स्रोत टिप्पणियों, क्षेत्रों, शैली ब्लॉकों या पहचानकर्ताओं पर निर्भर करता है, तो एक वर्कफ़्लो चुनें जो उन सुविधाओं को संरक्षित करता है; एक केंद्रित कन्वर्टर को पूर्ण राउंड-ट्रिप निष्ठा के बजाय उस सीमा को बताना चाहिए।