Media: Melihat dan men-debug informasi pemutar media

Jecelyn Yeen
Jecelyn Yeen
Dale St. Marthe
Dale St. Marthe

Gunakan Panel Media di Chrome DevTools untuk menampilkan informasi dan men-debug pemutar media per browser .

Ringkasan

Panel Media adalah tempat utama di DevTools untuk memeriksa media player halaman. Sumber audio dan video tercantum di bagian kiri panel Media pada Pemutar, dan bagian kanan menampilkan berbagai properti dan detail.

Panel Media memungkinkan Anda melakukan hal berikut:

Membuka Panel media

Untuk membuka panel Media:

  1. Buka DevTools.
  2. Klik Opsi Lainnya more_vert > Alat lainnya > Media untuk membuka panel Media.

Panel media.

Melihat informasi pemutar media

Untuk melihat informasi pemutar media, ikuti langkah-langkah berikut:

  1. Buka halaman dengan pemutar media, seperti https://youtu.be/e1gAyQuIFQo.
  2. Sekarang Anda dapat melihat pemutar media di bagian menu Pemutar.
  3. Klik pemutar. Tab Properties menampilkan properti pemutar media. Properti panel media.
  4. Klik tab Events untuk melihat semua peristiwa media player. Peristiwa panel media.
  5. Klik tab Pesan untuk melihat log pesan pemutar media. Anda dapat memfilter pesan berdasarkan level log atau {i>string<i}. Pesan panel media.
  6. Tab Linimasa adalah tempat Anda dapat melihat pemutaran media dan status buffer secara live. Linimasa panel media.

Proses debug jarak jauh

Anda dapat melihat informasi pemutar media di perangkat Android dari Windows, Mac, atau Linux komputer Anda

  1. Ikuti langkah-langkah ini untuk menyiapkan proses debug jarak jauh.
  2. Kini Anda dapat melihat informasi pemutar media dari jarak jauh.

Contoh proses debug jarak jauh.

Sembunyikan dan tampilkan pemutar media

Terkadang mungkin ada lebih dari satu pemutar media di satu halaman, atau Anda mungkin menggunakan tab browser yang sama menjelajahi berbagai laman, masing-masing dengan pemutar media.

Anda dapat memilih untuk menampilkan atau menyembunyikan setiap pemutar media untuk memudahkan proses debug.

  1. Jelajahi beberapa halaman video menggunakan tab browser yang sama.
  2. Klik kanan salah satu pemutar media. Anda dapat menyembunyikan pemutar yang dipilih dengan memilih Sembunyikan pemain atau pilih Sembunyikan semua pemain lain untuk menyembunyikan semua pemain lain.

Sembunyikan pemutar media

Mengekspor informasi pemutar media

  1. Klik kanan salah satu pemutar media.
  2. Pilih Simpan info pemain untuk mendownload info pemain sebagai json.

Mengekspor informasi media