Phụ đề WebVTT (.vtt)
W3C Tiêu chuẩnWeb Video Text Tracks (WebVTT) là tiêu chuẩn web chính thức của W3C dành cho chú thích, phụ đề và mô tả chương, được tích hợp nguyên bản vào các phần tử video HTML5 (<track>) và phát trực tuyến HTTP trực tiếp (HLS) hiện đại.
Chuyển đổi SRT sang VTT
Trình chuyển đổi từ SRT sang VTT miễn phí trên trình duyệt. Chuyển đổi tệp ngay lập tức trên thiết bị của bạn.
Kiểm tra & Siêu dữ liệu
Các hệ điều hành và trình phân tích tệp nhận dạng tệp WebVTT bằng cách kiểm tra chuỗi byte nhị phân đầu tệp:
Chữ ký tiêu đề ở cấp độ Byte (Magic Bytes)
Các hệ điều hành và trình phân tích tệp nhận dạng tệp WebVTT bằng cách kiểm tra chuỗi byte nhị phân đầu tệp:
CHỮ KÝ HEX (OFFSET 0):
57 45 42 56 54 54BIỂU DIỄN ASCII: WEBVTT
Tiêu chuẩn hóa: W3C WebVTT Recommendation
Thông số kỹ thuật
| Kiến trúc Container | UTF-8 text file starting with 'WEBVTT' signature, followed by optional STYLE and NOTE blocks and sequential cue blocks |
| Nén | Uncompressed plain text (typically compressed over HTTP via Gzip or Brotli) |
| Thứ tự byte Endianness | UTF-8 text stream |
| Không gian màu | Full CSS Color Module Level 4 support in cue styles |
| Kênh & Cấu trúc | Timecoded cues, speech recognition confidence, CSS styling, and screen position settings |
| Kích thước tối đa | Unbounded sequential cues |
| Độ trong suốt | Full CSS opacity and alpha transparency supported via '::cue' pseudo-element |
| Truyền phát & Tăng dần | Native streaming in HTML5 <video> elements and HLS / DASH live video manifests |
Ma trận so sánh kỹ thuật: WebVTT so với các đối thủ
| Thuộc tính kỹ thuật | WebVTT (Hiện tại) | SRT | ASS | SUB |
|---|---|---|---|---|
| Tích hợp Web HTML5 | Tiêu chuẩn nguyên bản 100% (<track>) | Yêu cầu chuyển đổi JS | Yêu cầu WebAssembly | Yêu cầu chuyển đổi |
| Kiểu dáng CSS | Kiểu dáng CSS nguyên bản đầy đủ (::cue) | Chỉ các thẻ HTML cơ bản | Thẻ ghi đè độc quyền | Không có |
| Phát trực tuyến HLS / DASH | Tiêu chuẩn phát sóng trực tuyến phổ thông | Được hỗ trợ qua việc trộn luồng | Hỗ trợ phát trực tuyến hạn chế | Không có |
| Yêu cầu Tiêu đề | Dòng 1 văn bản magic 'WEBVTT' nghiêm ngặt | Không cần tiêu đề | Phần [Script Info] | Không cần tiêu đề |
Các chế độ hỏng hóc phổ biến & Hướng dẫn khôi phục Hex
Lỗi bảng điều khiển trình duyệt: 'Tệp WebVTT không hợp lệ: Thiếu chữ ký WEBVTT'.
Nguyên nhân gốc rễ: Thiếu chuỗi 'WEBVTT' ở dòng 1, hoặc các dòng trống trước phần tiêu đề.
Khắc phục: Thêm 'WEBVTT\n\n' vào đầu tệp bằng Công cụ Chuyển đổi Phụ đề File2File.
Phân tích bảo mật & Các vectơ tấn công bộ phân tích cú pháp
Các trình phân tích cú pháp WebVTT trong trình duyệt web xử lý các tín hiệu chưa được tin cậy có thể dẫn đến Lỗ hổng Kịch bản Chéo trang (XSS) nếu hiển thị mà không được làm sạch vào DOM.
Các Véc-tơ Tấn công Đã biết
- Tiêm mã XSS qua nội dung tín hiệu HTML chưa được làm sạch được chèn vào DOM của trình phát video web.
- Giả mạo yêu cầu phía máy chủ (SSRF) trong quá trình tạo hình thu nhỏ phụ đề tự động ở phía máy chủ.
- Từ chối dịch vụ thông qua các bộ chọn tín hiệu CSS bị lỗi.
Thực tiễn Tốt nhất về Phòng thủ:
Nguồn gốc lịch sử & Các cột mốc
Ưu điểm & Lợi ích chính
- Tiêu chuẩn web HTML5 nguyên bản: được hỗ trợ trực tiếp bởi tất cả các trình duyệt web trong phần tử <track> mà không cần thư viện ngoài.
- Hỗ trợ kiểu dáng CSS phong phú: tùy chỉnh màu sắc, phông chữ, hình nền và vị trí bằng phần tử giả CSS '::cue' nguyên bản.
- Hỗ trợ phát trực tuyến trực tiếp hàng đầu: được tích hợp vào các danh sách phát trực tuyến Apple HLS và MPEG-DASH cho phụ đề phát sóng.
Hạn chế & Nhược điểm kỹ thuật
- Yêu cầu tiêu đề nghiêm ngặt: tệp phải bắt đầu bằng văn bản chính xác 'WEBVTT' ngay ở dòng đầu tiên nếu không trình duyệt sẽ từ chối.
- Dấu chấm phân tách mili giây ('00:01:20.500') yêu cầu chuyển đổi từ các tệp SRT phân tách bằng dấu phẩy cũ.
- Các trình phát phần cứng không phải trình duyệt đời cũ (như hộp phương tiện USB giá rẻ) thường thiếu hỗ trợ WebVTT nguyên bản.
Thông tin kỹ thuật thú vị
- Mọi tệp WebVTT hợp lệ phải bắt đầu bằng từ chính xác 'WEBVTT' ở dòng đầu tiên; bất kỳ thứ gì khác đều khiến trình duyệt bỏ qua tệp.
- WebVTT ban đầu có tên là 'WebSRT' vì được thiết kế có chủ ý để trông gần như giống hệt với phụ đề SRT cổ điển.
- WebVTT cũng có thể được sử dụng cho các chương video và chú thích công cụ hình thu nhỏ tương tác khi di chuột qua thanh trượt video.
Các câu hỏi kỹ thuật thường gặp
WebVTT dùng để làm gì?
WebVTT là định dạng chuẩn web chính thức để thêm phụ đề, chú thích, chương và mô tả vào các phần tử <video> HTML5 trên các trang web.
Làm cách nào để chuyển đổi phụ đề SRT sang WebVTT?
Bạn có thể chuyển đổi các tệp SRT thành các tệp WebVTT sạch sẽ chỉ bằng một cú nhấp chuột bằng cách sử dụng File2File.app trực tiếp trong trình duyệt của bạn.
Tại sao phụ đề WebVTT của tôi không hiển thị trong trình duyệt?
Hãy đảm bảo tệp của bạn bắt đầu bằng 'WEBVTT' ở dòng 1, có một dòng trống bên dưới nó và máy chủ web của bạn phục vụ tệp đó với tiêu đề 'Content-Type: text/vtt'.
Các cặp chuyển đổi WebVTT liên quan
Việc chuyển đổi các tệp SubRip Text sang định dạng WebVTT biến các phụ đề văn bản thuần túy thành các rãnh thời gian tương thích với HTML5 hiện đại cho trình phát video trên web.
Việc chuyển đổi các tệp WebVTT sang SubRip Text cho phép phát mượt mà các phụ đề video HTML5 trong các trình phát đa phương tiện trên máy tính đời cũ và phần cứng chỉnh sửa cũ.