WebVTT altyazısı (.vtt)
W3C StandartWeb Video Metin İzleri (WebVTT), HTML5 video öğelerine (<track>) ve modern HTTP canlı akışına (HLS) yerel olarak entegre edilmiş; altyazılar, altyazı metinleri ve bölüm açıklamaları için resmi W3C web standardıdır.
SRT biçimini VTT biçimine dönüştür
Tarayıcında SRT biçimini VTT biçimine ücretsiz dönüştür. Dosyaları cihazında anında dönüştür.
İncele ve Meta Veriler
İşletim sistemleri ve dosya çözümleyicileri, WebVTT dosyalarını başlangıçtaki ikili sihirli bayt dizisini inceleyerek tanımlar:
Bayt düzeyinde başlık imzası (sihirli baytlar)
İşletim sistemleri ve dosya çözümleyicileri, WebVTT dosyalarını başlangıçtaki ikili sihirli bayt dizisini inceleyerek tanımlar:
HEX İMZASI (OFSET 0):
57 45 42 56 54 54ASCII GÖSTERİMİ: WEBVTT
Standartlaştırma: W3C WebVTT Recommendation
Teknik Özellikler
| Kapsayıcı mimarisi | 'WEBVTT' imzasıyla başlayan UTF-8 metin dosyası; ardından isteğe bağlı STYLE ve NOTE blokları ile sıralı işaret blokları gelir |
| Sıkıştırma | Sıkıştırılmamış düz metin (genellikle HTTP üzerinden Gzip veya Brotli ile sıkıştırılır) |
| Bayt Düzeni (Endianness) | UTF-8 metin akışı |
| Renk Uzayları | İşaret stillerinde CSS Color Module Level 4 tam desteği |
| Kanallar ve Yapı | Zaman kodlu işaretler, konuşma tanıma güven değerleri, CSS biçimlendirmesi ve ekran konumu ayarları |
| Maksimum Boyutlar | Sınırsız sıralı işaret |
| Şeffaflık | '::cue' sözde öğesi aracılığıyla tam CSS opaklığı ve alfa şeffaflığı desteği |
| Akış ve Aşamalı İşleme | HTML5 <video> öğelerinde ve HLS / DASH canlı video bildirimlerinde yerel akış desteği |
Teknik karşılaştırma matrisi: WebVTT ve rakipleri
| Teknik Nitelik | WebVTT (Güncel) | SRT | ASS | SUB |
|---|---|---|---|---|
| HTML5 Web Entegrasyonu | %100 yerel standart (<track>) | JS dönüştürme gerektirir | WebAssembly gerektirir | Dönüştürme gerektirir |
| CSS Biçimlendirme | Tam yerel CSS biçimlendirme (::cue) | Yalnızca temel HTML etiketleri | Tescilli geçersiz kılma etiketleri | Yok |
| HLS / DASH Akışı | WebVTT, tarayıcı videolarındaki zamanlı metin parçaları ve bazı yayın listelerinde kullanılır; oynatıcı desteği sunum biçimine bağlıdır. | Muxing ile desteklenir | Sınırlı akış desteği | Yok |
| Başlık Gereksinimi | İlk satırda tam olarak 'WEBVTT' olmalı | Başlık gerekmez | [Script Info] bölümü | Başlık gerekmez |
Yaygın Bozulma Modları ve Hex Kurtarma Kılavuzu
Tarayıcı konsolu hatası: 'Geçersiz WebVTT dosyası: WEBVTT imzası eksik'.
Kök Neden: 1. satırda 'WEBVTT' dizesinin eksik olması veya başlıktan önce boş satırların bulunması.
Kurtarma: File2File.app Altyazı Dönüştürücü ile dosyanın başına 'WEBVTT\n\n' ekle.
Güvenlik Analizi ve Ayrıştırıcı Saldırı Vektörleri
Web tarayıcılarındaki WebVTT ayrıştırıcıları, DOM'a temizlenmeden (sanitize edilmeden) işlenirse Siteler Arası Betik Çalıştırma'ya (XSS) yol açabilecek güvenilmeyen ipuçlarını işler.
Bilinen Saldırı Vektörleri
- Web video oynatıcı DOM'una eklenen temizlenmemiş HTML ipucu içerikleri yoluyla XSS enjeksiyonu.
- Otomatik sunucu tarafı altyazı küçük resmi oluşturma sırasında Sunucu Tarafı İstek Sahteciliği (SSRF).
- Hatalı biçimlendirilmiş CSS ipucu seçicileri aracılığıyla hizmet reddi (DoS).
Savunmaya yönelik en iyi uygulamalar: Yerleşik tarayıcı <track> görüntülemesini kullan ve altyazı içeriklerini DOM'a elle eklemeden önce temizle.
Tarihsel kökenler ve önemli dönüm noktaları
Temel Avantajlar ve Artılar
- HTML <track> öğesi altyazılar için WebVTT kullanır. Tarayıcılar işaretçi zamanlamasını ve biçimlendirmeyi video oynatıcı üzerinden gösterir; desteklenen özelliklerde farklılık olabilir.
- Zengin CSS biçimlendirme desteği: Renkleri, yazı tiplerini, arka planları ve konumları yerleşik '::cue' CSS sözde öğesiyle özelleştirebilirsin.
- HLS ve MPEG-DASH hizmetleri, video segmentlerinin yanında WebVTT altyazı parçaları sunabilir. Hedef oynatıcının oynatma listesi altyazı paketlemesini ve dil parçalarını desteklediğini kontrol edin.
Teknik Kısıtlamalar ve Eksiler
- Katı başlık gereksinimi: dosya ilk satırda tam olarak 'WEBVTT' metniyle başlamalıdır, aksi takdirde tarayıcılar dosyayı reddeder.
- Nokta milisaniye ayırıcısı ('00:01:20.500'), eski virgülle ayrılmış SRT dosyalarından dönüştürme gerektirir.
- Eski tarayıcı dışı donanım oynatıcılar (ucuz USB medya kutuları gibi) genellikle yerel WebVTT desteğine sahip değildir.
İlginç Teknik Bilgiler
- Geçerli her WebVTT dosyası ilk satırda tam olarak 'WEBVTT' kelimesiyle başlamalıdır; başka herhangi bir şey tarayıcıların dosyayı yoksaymasına neden olur.
- WebVTT aslen 'WebSRT' olarak adlandırılırdı çünkü bilinçli olarak klasik SRT altyazılarıyla neredeyse aynı görünecek şekilde tasarlanmıştı.
- WebVTT, video bölümlerini tanımlamak ve video ilerleme çubuğunun üzerine gelindiğinde etkileşimli küçük resim ipuçları göstermek için de kullanılabilir.
Sıkça Sorulan Teknik Sorular
WebVTT ne için kullanılır?
WebVTT, web sitelerindeki HTML5 <video> öğelerine altyazı, işitme engelliler için altyazı, bölüm işaretleri ve betimlemeler eklemeye yarayan resmî web standardı biçimidir.
Bir SRT altyazısını WebVTT'ye nasıl dönüştürebilirim?
SRT dosyalarını doğrudan tarayıcında File2File.app'i kullanarak tek tıkla temiz WebVTT dosyalarına dönüştürebilirsin.
WebVTT altyazılarım tarayıcıda neden görünmüyor?
Dosyanın ilk satırının 'WEBVTT' olduğundan ve hemen ardından boş bir satır geldiğinden emin ol. Ayrıca web sunucunun dosyayı 'Content-Type: text/vtt' üstbilgisiyle sunduğunu kontrol et.
İlgili WebVTT Dönüşüm Çiftleri
SubRip Text dosyalarını WebVTT'ye dönüştürmek, düz metin altyazıları web videolarında kullanılan modern, HTML5 uyumlu zaman kodlu altyazılara çevirir.
WebVTT dosyalarını SubRip Text'e dönüştürmek, HTML5 video altyazılarının eski masaüstü medya oynatıcılarında ve eski düzenleme donanımlarında sorunsuz bir şekilde oynatılmasını sağlar.