Công cụ chuyển TTML sang VTT

Những gì thay đổi từ TTML sang VTT

Mỗi phần tử p có thời gian trở thành một cue WebVTT. Thời gian dạng đồng hồ, khung hình, tick và offset được đổi sang mili giây bằng tốc độ khung hình và tốc độ tick khai báo trong tệp, và thời gian begin trên div cha được cộng thêm. In nghiêng, in đậm và gạch chân, đặt trên phần tử hoặc qua một kiểu có tên, trở thành <i>, <b> và <u>.

Vùng, vị trí, màu sắc, phông chữ và hộp nền bị xóa. WebVTT có thể định vị cue, nhưng công cụ chuyển đổi không mang bố cục TTML sang, nên mọi dòng phụ đề đều hiện ở vị trí mặc định phía dưới.

Trước và sau

Cùng tệp TTML đó dưới dạng WebVTT. Thời gian kết thúc theo khung hình 00:00:03:12 ở 25 khung hình mỗi giây trở thành 00:00:03.480, thời lượng của đoạn thứ hai cho nó thời điểm kết thúc 00:00:06.250, và kiểu in nghiêng trở thành <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.

Dùng kết quả trên trang web của bạn

Tải tệp .vtt lên cạnh video và tham chiếu nó từ một phần tử track có srclang và label. Nếu bạn muốn phụ đề trông gần với bản gốc hơn, hãy tạo kiểu cho chúng bằng bộ chọn ::cue trong CSS.