Media: informatie over mediaspelers bekijken en fouten opsporen

Jecelyn Yeen

Dale St. Marthe

Gebruik het Mediapaneel in Chrome DevTools om informatie te bekijken en de mediaspelers per browsertabblad te debuggen.

Overzicht

Het Media- paneel is de belangrijkste plaats in DevTools voor het inspecteren van de mediaspeler van een pagina. Audio- en videobronnen worden weergegeven in het linkergedeelte van het paneel Media onder Spelers , en in het rechtergedeelte worden verschillende eigenschappen en details weergegeven.

Met het Media- paneel kunt u het volgende doen:

• Bekijk mediaspelerinformatie .
• Media verbergen en weergeven .
• Foutopsporing in de mediaspeler op afstand .
• Mediaspelerinformatie exporteren .

Open het Mediapaneel

Om het Mediapaneel te openen:

1. Open DevTools .
2. Klik op Meer opties more_vert > Meer hulpmiddelen > Media om het paneel Media te openen.

Informatie over mediaspelers bekijken

Volg deze stappen om mediaspelerinformatie te bekijken:

1. Bezoek een pagina met een mediaspeler, zoals https://youtu.be/e1gAyQuIFQo .
2. Je kunt nu een mediaspeler zien onder het menu Spelers .
3. Klik op de speler. Op het tabblad Eigenschappen worden de eigenschappen van de mediaspeler weergegeven.
4. Klik op het tabblad Gebeurtenissen om alle mediaspelergebeurtenissen te bekijken.
5. Klik op het tabblad Berichten om de berichtenlogboeken van de mediaspeler te bekijken. U kunt de berichten filteren op logniveau of tekenreeks.
6. Op het tabblad Tijdlijn kunt u het afspelen van media en de bufferstatus live bekijken.

Foutopsporing op afstand

U kunt de informatie van de mediaspeler op een Android-apparaat bekijken vanaf uw Windows-, Mac- of Linux-computer.

1. Volg deze stappen om foutopsporing op afstand in te stellen.
2. Nu kunt u de informatie van de mediaspelers op afstand bekijken.

Mediaspelers verbergen en weergeven

Soms zijn er meer dan één mediaspeler op een pagina, of gebruikt u hetzelfde browsertabblad om door verschillende pagina's te bladeren, elk met mediaspelers.

U kunt ervoor kiezen om elke mediaspeler weer te geven of te verbergen, zodat u eenvoudiger fouten kunt opsporen.

1. Blader naar verschillende videopagina's met hetzelfde browsertabblad.
2. Klik met de rechtermuisknop op een van de mediaspelers. Je kunt ervoor kiezen om de geselecteerde speler te verbergen door Speler verbergen te selecteren of door Alle anderen verbergen te selecteren om alle andere spelers te verbergen.

Mediaspelerinformatie exporteren

1. Klik met de rechtermuisknop op een van de mediaspelers.
2. Selecteer Spelergegevens opslaan om de spelergegevens als json te downloaden.