Υπότιτλος WebVTT (.vtt)

W3C Τυπικό

Το Web Video Text Tracks (WebVTT) είναι το επίσημο πρότυπο ιστού W3C για λεζάντες, υπότιτλους και περιγραφές κεφαλαίων, ενσωματωμένο εγγενώς σε στοιχεία βίντεο HTML5 (<track>) και σύγχρονη ζωντανή ροή HTTP (HLS).

Μετατροπή SRT σε VTT

Δωρεάν μετατροπέας από SRT σε VTT εντός του προγράμματος περιήγησης. Μετατρέψτε αρχεία άμεσα στη συσκευή σας.

Επιθεώρηση & Μεταδεδομένα

Τα λειτουργικά συστήματα και τα εργαλεία ανάλυσης αρχείων αναγνωρίζουν τα αρχεία WebVTT ελέγχοντας την αρχική δυαδική ακολουθία byte:

Επιλέξτε ή αποθέστε αρχεία εδώ

100% ιδιωτική μετατροπή εντός προγράμματος περιήγησης - τα αρχεία δεν φεύγουν ποτέ από τη συσκευή σας

ή επικόλληση Ctrl+V
Εγγύηση Απορρήτου Μηδενικής Μετάδοσης Δικτύου: 0 byte μεταφορτώθηκαν σε εξωτερικούς διακομιστές. Όλη η επεξεργασία πραγματοποιήθηκε τοπικά στο sandbox του προγράμματος περιήγησής σας.

Υπογραφή κεφαλίδας σε επίπεδο byte (Magic Bytes)

Τα λειτουργικά συστήματα και τα εργαλεία ανάλυσης αρχείων αναγνωρίζουν τα αρχεία WebVTT ελέγχοντας την αρχική δυαδική ακολουθία byte:

ΔΕΚΑΕΞΑΔΙΚΗ ΥΠΟΓΡΑΦΗ (OFFSET 0):

57 45 42 56 54 54

ΑΝΑΠΑΡΑΣΤΑΣΗ ASCII: WEBVTT

Τυποποίηση: W3C WebVTT Recommendation

Τεχνικές Προδιαγραφές

Αρχιτεκτονική ΠεριέκτηUTF-8 text file starting with 'WEBVTT' signature, followed by optional STYLE and NOTE blocks and sequential cue blocks
ΣυμπίεσηUncompressed plain text (typically compressed over HTTP via Gzip or Brotli)
Endianness ByteUTF-8 text stream
Χρωματικοί ΧώροιFull CSS Color Module Level 4 support in cue styles
Κανάλια & ΔομήTimecoded cues, speech recognition confidence, CSS styling, and screen position settings
Μέγιστες ΔιαστάσειςUnbounded sequential cues
ΔιαφάνειαFull CSS opacity and alpha transparency supported via '::cue' pseudo-element
Streaming & Προοδευτική ΦόρτωσηNative streaming in HTML5 <video> elements and HLS / DASH live video manifests

Τεχνικός Πίνακας Σύγκρισης: WebVTT έναντι Ανταγωνιστών

Τεχνικό χαρακτηριστικόWebVTT (Τρέχον)SRTASSSUB
Ενσωμάτωση Web HTML5100% εγγενές πρότυπο (<track>)Απαιτεί μετατροπή JSΑπαιτεί WebAssemblyΑπαιτεί μετατροπή
Στυλ CSSΠλήρης εγγενής μορφοποίηση CSS (::cue)Βασικές ετικέτες HTML μόνοΙδιόκτητες ετικέτες παράκαμψηςΚαμία
Ροή HLS / DASHΚαθολικό πρότυπο εκπομπής ροήςΥποστηρίζεται μέσω muxingΠεριορισμένη υποστήριξη ροήςΚαμία
Απαίτηση ΕπικεφαλίδαςΑυστηρή γραμμή μαγικού κειμένου 'WEBVTT' 1Δεν απαιτείται επικεφαλίδαΕνότητα [Script Info]Δεν απαιτείται επικεφαλίδα

Συνηθισμένοι Τρόποι Διαφθοράς & Οδηγός Ανάκτησης Hex

Σφάλμα κονσόλας προγράμματος περιήγησης: 'Malformed WebVTT file: Missing WEBVTT signature'.

Βασική Αιτία: Απουσία συμβολοσειράς 'WEBVTT' στη γραμμή 1, ή κενές γραμμές πριν από την επικεφαλίδα.

Ανάκτηση: Προσθήκη 'WEBVTT\n\n' στην αρχή του αρχείου χρησιμοποιώντας το File2File Subtitle Converter.

Ανάλυση Ασφάλειας & Διανύσματα Επίθεσης Parser

Οι αναλύτες WebVTT στα προγράμματα περιήγησης επεξεργάζονται μη εμπιστευτικά συνθήματα που μπορούν να οδηγήσουν σε Cross-Site Scripting (XSS) εάν αποδοθούν χωρίς απολύμανση στο DOM.

Γνωστά διανύσματα επίθεσης

  • Έγχυση XSS μέσω μη απολυμασμένων περιεχομένων συνθημάτων HTML που εισάγονται στο DOM του προγράμματος αναπαραγωγής βίντεο web.
  • Server-Side Request Forgery (SSRF) κατά την αυτοματοποιημένη δημιουργία μικρογραφιών υποτίτλων από την πλευρά του διακομιστή.
  • Άρνηση υπηρεσίας μέσω παραμορφωμένων επιλογέων συνθημάτων CSS.

Βέλτιστες αμυντικές πρακτικές:

Ιστορική Αναδρομή & Ορόσημα

2019Το W3C προωθεί επίσημα το WebVTT: The Web Video Text Tracks Format προς την κατεύθυνση της Προτεινόμενης Σύστασης.
2011Μετονομάστηκε από WebSRT σε WebVTT για να καθιερωθεί ένα ξεχωριστό πρότυπο W3C ανεξάρτητο από το κλασικό SubRip.
2010Το WHATWG εισάγει το WebVTT για να λύσει το πρόβλημα των εγγενών λεζάντων για την ετικέτα <video> της HTML5.

Κύρια Πλεονεκτήματα

  • Εγγενές πρότυπο ιστού HTML5: υποστηρίζεται απευθείας από όλα τα προγράμματα περιήγησης ιστού στο στοιχείο <track> χωρίς εξωτερικές βιβλιοθήκες.
  • Πλούσια υποστήριξη στυλ CSS: προσαρμόστε χρώματα, γραμματοσειρές, φόντο και θέσεις χρησιμοποιώντας το εγγενές ψευδοστοιχείο CSS '::cue'.
  • Υποστήριξη ζωντανής ροής πρώτης κλάσης: ενσωματωμένο σε μανιφέστα ροής Apple HLS και MPEG-DASH για λεζάντες εκπομπής.

Τεχνικοί Περιορισμοί & Μειονεκτήματα

  • Αυστηρή απαίτηση επικεφαλίδας: το αρχείο πρέπει να ξεκινά με το ακριβές κείμενο 'WEBVTT' στην πρώτη κιόλας γραμμή, αλλιώς τα προγράμματα περιήγησης το απορρίπτουν.
  • Ο διαχωριστής χιλιοστών του δευτερολέπτου με τελεία ('00:01:20.500') απαιτεί μετατροπή από παλαιότερα αρχεία SRT που χωρίζονται με κόμμα.
  • Παλαιότερες συσκευές αναπαραγωγής υλικού εκτός προγράμματος περιήγησης (όπως φθηνά κουτιά πολυμέσων USB) συχνά στερούνται εγγενούς υποστήριξης WebVTT.

Ενδιαφέροντα Τεχνικά Στοιχεία

  • Κάθε έγκυρο αρχείο WebVTT πρέπει να ξεκινά με τη ακριβή λέξη 'WEBVTT' στην πρώτη γραμμή· οτιδήποτε άλλο προκαλεί την αγνόηση του αρχείου από τα προγράμματα περιήγησης.
  • Το WebVTT ονομαζόταν αρχικά 'WebSRT' επειδή σχεδιάστηκε σκόπιμα ώστε να μοιάζει σχεδόν πανομοιότυπο με τους κλασικούς υπότιτλους SRT.
  • Το WebVTT μπορεί επίσης να χρησιμοποιηθεί για κεφάλαια βίντεο και διαδραστικές επεξηγήσεις μικρογραφιών (tooltips) κατά την αιώρηση πάνω από τις γραμμές κύλισης βίντεο.

Συχνές Τεχνικές Ερωτήσεις

Σε τι χρησιμεύει το WebVTT;

Το WebVTT είναι η επίσημη τυπική μορφή ιστού για την προσθήκη υποτίτλων, λεζαντών, κεφαλαίων και περιγραφών σε στοιχεία <video> HTML5 σε ιστότοπους.

Πώς μπορώ να μετατρέψω έναν υπότιτλο SRT σε WebVTT;

Μπορείτε να μετατρέψετε αρχεία SRT σε καθαρά αρχεία WebVTT με ένα κλικ χρησιμοποιώντας το File2File.app απευθείας στο πρόγραμμα περιήγησής σας.

Γιατί οι υπότιτλοί μου WebVTT δεν εμφανίζονται στο πρόγραμμα περιήγησης;

Βεβαιωθείτε ότι το αρχείο σας ξεκινά με τη λέξη 'WEBVTT' στη γραμμή 1, έχει μια κενή γραμμή από κάτω και ότι ο διακομιστής ιστού σας το εξυπηρετεί με την κεφαλίδα 'Content-Type: text/vtt'.