Cara Config

Beranda

Cara Mengambil Subtitle Video Streaming (.VTT) Menggunakan Developer Tools

Cara Mengambil Subtitle Video Streaming (.VTT) Menggunakan Developer Tools

Panduan ini menjelaskan cara mengambil subtitle video streaming langsung dari browser menggunakan Developer Tools tanpa aplikasi tambahan.

Metode ini memanfaatkan Network dan Console pada Developer Tools untuk menemukan file subtitle dengan format .VTT yang sedang digunakan oleh video player.


Konsep Dasar

Saat video memiliki subtitle, browser akan memuat file subtitle dari server atau CDN. Request tersebut dapat dilihat melalui Developer Tools.

  • Browser memuat video dari server
  • Video player memuat file subtitle
  • Developer Tools menampilkan request subtitle
  • File .vtt dapat dibuka dan disimpan dari browser

1. Membuka Developer Tools

  1. Buka halaman video streaming
  2. Pastikan video dapat diputar
  3. Tekan F12 atau Ctrl + Shift + I untuk membuka Developer Tools
  4. Masuk ke tab Network
  5. Centang Disable cache
  6. Aktifkan subtitle atau caption jika tersedia

Catatan: Pengujian dilakukan menggunakan browser Microsoft Edge.

2. Mencari File Subtitle .VTT

  1. Pada bagian filter Network, cari .vtt
  2. Klik Play pada video
  3. Tunggu sampai subtitle dimuat
  4. Cari request yang memiliki extension .vtt

Jika request ditemukan, klik request tersebut kemudian buka tab Headers.

3. Membuka File Subtitle di Browser

  1. Cari bagian Request URL
  2. Copy URL tersebut
  3. Buka URL di tab browser baru
  4. Setelah file terbuka, gunakan Save As untuk menyimpan file .vtt

Contoh URL subtitle:

https://cdn.example.com/subtitles/example.vtt

Jika URL masih valid dan dapat diakses, file subtitle akan terbuka langsung di browser.

4. Mencari File .VTT Menggunakan Console

Jika request .vtt sulit ditemukan karena jumlah request pada Network terlalu banyak, kita dapat mencari resource subtitle menggunakan Console.

  1. Buka tab Console
  2. Jalankan command berikut:
performance.getEntriesByType('resource')
  .map(x => x.name)
  .filter(x => /\.vtt(\?|$)/i.test(x))

Command tersebut akan menampilkan URL resource yang memiliki extension .vtt dan sudah dimuat oleh browser.

Copy URL yang muncul, kemudian buka URL tersebut pada tab browser baru.

5. Jika File .VTT Tidak Ditemukan

Jika file subtitle belum terlihat, coba gunakan filter berikut pada Network:

vtt
subtitle
caption

Kemudian jalankan kembali video dan pastikan subtitle aktif.

6. Jika Video Menggunakan HLS

Beberapa video streaming menggunakan HLS (HTTP Live Streaming). Pada kondisi ini, video biasanya menggunakan playlist dengan extension .m3u8.

Cari request:

.m3u8

Kemudian periksa request lain yang berkaitan dengan:

  • .vtt
  • subtitle
  • caption

7. Troubleshooting

  • .VTT tidak muncul → pastikan video sudah dimainkan dan subtitle aktif
  • Terlalu banyak request → gunakan filter .vtt
  • Subtitle tidak ditemukan → gunakan command pada Console
  • Video menggunakan HLS → cari request .m3u8 dan periksa resource subtitle
  • 403 Forbidden → URL subtitle kemungkinan sudah expired atau membutuhkan session browser

Kesimpulan

Subtitle video streaming dapat diambil langsung dari browser selama file subtitle tersebut dimuat sebagai resource oleh video player.

Alurnya:

Developer Tools
      ↓
Network
      ↓
Cari .vtt
      ↓
Request URL
      ↓
Buka di tab baru
      ↓
Save As

Jika request sulit ditemukan, gunakan Console untuk mencari URL resource .vtt yang sudah dimuat oleh browser.

Gunakan metode ini hanya pada konten yang memang dapat Anda akses dan sesuai dengan hak penggunaan serta ketentuan layanan website.