Media: Melihat dan men-debug informasi pemutar media

Jecelyn Yeen

Dale St. Marthe

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

Ringkasan

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

Panel Media memungkinkan Anda melakukan hal berikut:

• Melihat informasi pemutar media.
• Menyembunyikan dan menampilkan media.
• Proses debug pemutar media jarak jauh.
• Mengekspor informasi pemutar media.

Membuka panel Media

Untuk membuka panel Media:

1. Buka DevTools.
2. Klik Opsi Lainnya more_vert > Alat lainnya > Media untuk membuka 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 menu Pemutar.
3. Klik pemutar. Tab Properties menampilkan properti pemutar media.
4. Klik tab Events untuk melihat semua peristiwa pemutar media.
5. Klik tab Pesan untuk melihat log pesan pemutar media. Anda dapat memfilter pesan berdasarkan level log atau string.
6. Tab Linimasa adalah tempat Anda dapat melihat pemutaran media dan status buffering secara langsung.

Proses debug jarak jauh

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

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

Menyembunyikan dan menampilkan pemutar media

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

Anda dapat memilih untuk menampilkan atau menyembunyikan setiap pemutar media untuk pengalaman proses debug yang lebih mudah.

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

Mengekspor informasi pemutar media

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