WebVTT Altyazısı (.vtt)

W3C Standart

Web 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 formatını VTT formatına dönüştür

Ücretsiz tarayıcı içi SRT - VTT dönüştürücü. Dosyalarınızı cihazınızda anında dönüştürün.

İncele & Meta Veriler

İşletim sistemleri ve dosya çözümleyicileri, WebVTT dosyalarını başlangıçtaki ikili bayt dizisini inceleyerek tanımlar:

Dosyaları buraya seçin veya bırakın

Kesinlikle %100 tarayıcı içi gizli dönüşüm - dosyalar asla cihazınızdan ayrılmaz

veya yapıştırın Ctrl+V
Sıfır Ağ Aktarımı Gizlilik Garantisi: Harici sunuculara 0 bayt yüklendi. Tüm işlemler tarayıcınızın korumalı alanında (sandbox) yerel olarak gerçekleştirildi.

Bayt Düzeyinde Başlık İmzası (Magic Bytes)

İşletim sistemleri ve dosya çözümleyicileri, WebVTT dosyalarını başlangıçtaki ikili bayt dizisini inceleyerek tanımlar:

HEX İMZASI (OFSET 0):

57 45 42 56 54 54

ASCII GÖSTERİMİ: WEBVTT

Standardizasyon: W3C WebVTT Recommendation

Teknik Özellikler

Konteyner MimarisiUTF-8 text file starting with 'WEBVTT' signature, followed by optional STYLE and NOTE blocks and sequential cue blocks
SıkıştırmaUncompressed plain text (typically compressed over HTTP via Gzip or Brotli)
Bayt Düzeni (Endianness)UTF-8 text stream
Renk UzaylarıFull CSS Color Module Level 4 support in cue styles
Kanallar ve YapıTimecoded cues, speech recognition confidence, CSS styling, and screen position settings
Maksimum BoyutlarUnbounded sequential cues
ŞeffaflıkFull CSS opacity and alpha transparency supported via '::cue' pseudo-element
Akış ve Aşamalı (Streaming & Progressive)Native streaming in HTML5 <video> elements and HLS / DASH live video manifests

Teknik Karşılaştırma Matrisi: WebVTT ve Rakipleri

Teknik NitelikWebVTT (Güncel)SRTASSSUB
HTML5 Web Entegrasyonu%100 yerel standart (<track>)JS dönüştürme gerektirirWebAssembly gerektirirDönüştürme gerektirir
CSS BiçimlendirmeTam yerel CSS biçimlendirme (::cue)Yalnızca temel HTML etiketleriTescilli geçersiz kılma etiketleriYok
HLS / DASH AkışıEvrensel akış yayın standardıMuxing ile desteklenirSınırlı akış desteğiYok
Başlık GereksinimiKatı 'WEBVTT' sihirli metin 1. satırBaş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 Altyazı Dönüştürücü kullanarak dosyanın başına 'WEBVTT\n\n' ekleyin.

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).

Savunmacı En İyi Uygulamalar:

Tarihsel Kökenler ve Kilometre Taşları

2019W3C, WebVTT: Web Video Metin İzleri Formatı'nı resmi olarak Öneri Taslağı'na (Proposed Recommendation) yükseltir.
2011Klasik SubRip'ten ayrı,distinct bir W3C standardı oluşturmak için WebSRT'den WebVTT olarak yeniden adlandırıldı.
2010WHATWG, HTML5 <video> etiketi için yerel altyazı sorununu çözmek amacıyla WebVTT'yi tanıttı.

Temel Avantajlar ve Artılar

  • Yerel HTML5 web standardı: harici kitaplıklar olmadan <track> öğesinde tüm web tarayıcıları tarafından doğrudan desteklenir.
  • Zengin CSS biçimlendirme desteği: yerel '::cue' CSS sözde öğesini kullanarak renkleri, yazı tiplerini, arka planları ve konumları özelleştirin.
  • Birinci sınıf canlı akış desteği: yayın altyazıları için Apple HLS ve MPEG-DASH akış bildirimlerine entegre edilmiştir.

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ğinden muaftır.

İ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 ayrıca video arama çubuklarının üzerine gelindiğinde video bölümleri ve etkileşimli küçük resim ipuçları 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ı, başlık, bölüm ve açıklama eklemek için resmi web standardı formatıdır.

Bir SRT altyazısını WebVTT'ye nasıl dönüştürebilirim?

Tarayıcınızda doğrudan File2File.app kullanarak tek bir tıklamayla SRT dosyalarını temiz WebVTT dosyalarına dönüştürebilirsiniz.

WebVTT altyazılarım tarayıcıda neden görünmüyor?

Dosyanızın 1. satırında 'WEBVTT' ile başladığından, arkasından boş bir satır geldiğinden ve web sunucunuzun dosyayı 'Content-Type: text/vtt' üst bilgisiyle sunduğundan emin olun.