TTML से VTT कन्वर्टर

TTML से VTT में क्या बदलता है

टाइम किया गया हर p एलिमेंट एक WebVTT क्यू बन जाता है। क्लॉक, फ़्रेम, टिक और ऑफ़सेट टाइम फ़ाइल में बताए गए फ़्रेम रेट और टिक रेट से मिलीसेकंड में बदले जाते हैं, और पैरेंट div के begin समय जोड़े जाते हैं। एलिमेंट पर या किसी नामित स्टाइल से लगाए गए इटैलिक, बोल्ड और अंडरलाइन <i>, <b> और <u> बन जाते हैं।

रीजन, पोज़िशन, रंग, फ़ॉन्ट और बैकग्राउंड बॉक्स हटा दिए जाते हैं। WebVTT क्यू की पोज़िशन तय कर सकता है, लेकिन कन्वर्टर TTML लेआउट साथ नहीं ले जाता, इसलिए हर कैप्शन नीचे डिफ़ॉल्ट जगह पर दिखता है।

पहले और बाद में

वही TTML फ़ाइल WebVTT के रूप में। 25 फ़्रेम प्रति सेकंड पर फ़्रेम पर आधारित अंत समय 00:00:03:12, 00:00:03.480 बन जाता है, दूसरे पैराग्राफ़ की अवधि उसे 00:00:06.250 का अंत देती है, और इटैलिक स्टाइल <i> बन जाता है।

<tt xmlns="http://www.w3.org/ns/ttml" xmlns:tts="http://www.w3.org/ns/ttml#styling"
    xmlns:ttp="http://www.w3.org/ns/ttml#parameter" ttp:frameRate="25">
  <head><styling><style xml:id="it" tts:fontStyle="italic"/></styling></head>
  <body><div>
    <p begin="00:00:01:00" end="00:00:03:12" style="it">Where were you last night?</p>
    <p begin="4s" dur="2.25s" region="bottom">At the station,<br/>waiting for you.</p>
  </div></body>
</tt>

WEBVTT

00:00:01.000 --> 00:00:03.480
<i>Where were you last night?</i>

00:00:04.000 --> 00:00:06.250
At the station,
waiting for you.

नतीजे को अपनी साइट पर इस्तेमाल करना

.vtt फ़ाइल को वीडियो के साथ अपलोड करें और srclang और label वाले track एलिमेंट से उसका रेफ़रेंस दें। अगर आप चाहते हैं कि कैप्शन मूल जैसे दिखें, तो अपनी CSS में ::cue सिलेक्टर से उन्हें स्टाइल करें।