WebVTT

Cấu trúc của một cue

Một tệp gồm một phần đầu, rồi đến các cue. Mỗi cue là một khối giống của SubRip, với hai phần tùy chọn.

WEBVTT
 
intro
00:00:23.000 --> 00:00:24.500 line:0
<v Celia>You're a jerk,
<i>Thom</i>.
 

Mã thời gian

Các khối ngoài cue

Văn bản của cue

Màu sắc

Tám lớp được tô màu mà không cần CSS nào: white, lime, cyan, red, yellow, magenta, blue và black, cùng tám lớp đó với bg_ cho nền. Màu khác cần một lớp riêng và một khối STYLE:

STYLE
::cue(.gold) { color: #ffd700; }

00:00:30.800 --> 00:00:34.000
<c.gold>Why don't you just admit that</c>

Thiết lập cue

Subtitld đọc line, position và align như vị trí của phụ đề trên màn hình, tức là chín vị trí giống {\an1} đến {\an9} của SubRip, và ghi chúng lại: line:0 cho phía trên, line:50%,center cho giữa, position:10% align:start và position:90% align:end cho hai bên.

WebVTT trong Subtitld

Mở một tệp WebVTT

Subtitld tìm từng cue qua dòng thời gian của nó và đọc:

• phần đầu, và các khối NOTE, STYLE và REGION đúng với bản chất của chúng, không coi là phụ đề, còn định danh cue thì coi là tên;
• thời gian có hoặc không có giờ, có dấu chấm hoặc dấu phẩy;
• giọng nói như người nói của phụ đề, sẵn sàng cho lồng tiếng;
• các lớp màu của WebVTT, và màu mà một khối STYLE gán cho các lớp khác;
• line, position và align như vị trí trên màn hình;
• bảng mã bất kỳ, dù WebVTT yêu cầu UTF-8.

Nó bỏ đi những gì không có chỗ để lưu: vùng, kích thước cue, chữ dọc, cách đọc của ruby và mốc thời gian karaoke. Văn bản thì vẫn được giữ.

Xuất WebVTT

Xuất, rồi Phụ đề và chọn VTT, sẽ có các tùy chọn:

• Văn bảnBản gốc, một bản dịch, hoặc cả hai, với bản dịch nằm bên dưới.
• Tên người nóiBỏ đi, đặt trước văn bản (Thom: …), hoặc dưới dạng thẻ giọng nói (<v Thom>), cách riêng của WebVTT.
• Định dạngGiữ lại, hoặc bỏ đi.
• Dịch thời gianMọi phụ đề sớm hơn hoặc muộn hơn cùng một khoảng.

Tệp luôn là UTF-8, như WebVTT yêu cầu: WEBVTT, rồi các cue theo thứ tự thời điểm bắt đầu, mỗi thời điểm có đủ giờ. Các ký tự có thể bị đọc như mã đánh dấu được ghi dưới dạng thực thể, và phụ đề rỗng bị bỏ đi.

Trên trang web

<video controls src="tears-of-steel.mp4">
  <track kind="subtitles" src="tears-of-steel.en.vtt"
         srclang="en" label="English" default>
</video>

Phục vụ tệp với kiểu text/vtt. Từ một tên miền khác, video cần crossorigin và máy chủ cần tiêu đề Access-Control-Allow-Origin, nếu không trình duyệt sẽ không tải track.

WebVTT hay SubRip?

SubRip cho trình phát, trình soạn và tải lên; WebVTT cho video trên web. Trang SubRip đặt hai định dạng cạnh nhau.

Điều thú vị