Utilizza il riquadro Contenuti multimediali in Chrome DevTools per visualizzare le informazioni ed eseguire il debug dei player multimediali per browser .
Panoramica
Il riquadro Contenuti multimediali è la posizione principale in DevTools per l'ispezione del media player di una pagina. Le sorgenti audio e video sono elencate nella sezione sinistra del riquadro Contenuti multimediali sotto Player, mentre quella a destra mostra varie proprietà e dettagli.
Il riquadro Contenuti multimediali ti consente di:
- Visualizzare le informazioni del media player.
- Nascondi e mostra i contenuti multimediali.
- Debug del media player remoto.
- Esportare le informazioni del lettore multimediale.
Apri il riquadro Contenuti multimediali
Per aprire il riquadro Contenuti multimediali:
- Apri DevTools.
- Fai clic su Altre opzioni more_vert > Altri strumenti > Contenuti multimediali per aprire il riquadro Contenuti multimediali.
Visualizzare informazioni sui lettori multimediali
Per visualizzare le informazioni del lettore multimediale, procedi nel seguente modo:
- Visita una pagina con un media player, ad esempio https://youtu.be/e1gAyQuIFQo.
- Ora puoi visualizzare un media player nel menu Player.
- Fai clic sul player. Nella scheda Proprietà vengono visualizzate le proprietà del media player.
- Fai clic sulla scheda Eventi per visualizzare tutti gli eventi del media player.
- Fai clic sulla scheda Messaggi per visualizzare i log dei messaggi del media player. Puoi filtrare i messaggi
per livello di log o stringa.
- Nella scheda Sequenza temporale puoi visualizzare in diretta lo stato del buffer e della riproduzione dei contenuti multimediali.
Debug remoto
Puoi visualizzare le informazioni sui lettori multimediali su un dispositivo Android da Windows, Mac o Linux computer.
- Segui questi passaggi per configurare il debug remoto.
- Ora puoi visualizzare le informazioni sui lettori multimediali da remoto.
Nascondi e mostra i lettori multimediali
A volte è possibile che in una pagina ci siano più lettori multimediali oppure che sia possibile usare la stessa scheda del browser sfogliare pagine diverse, ognuna con lettori multimediali.
Puoi scegliere di mostrare o nascondere ciascun media player per un'esperienza di debug più semplice.
- Passa a diverse pagine di video utilizzando la stessa scheda del browser.
- Fai clic con il tasto destro del mouse su uno dei lettori multimediali. Puoi scegliere di nascondere il giocatore selezionato Nascondi giocatore o seleziona Nascondi tutti gli altri per nascondere tutti gli altri giocatori.
Esporta informazioni sul media player
- Fai clic con il tasto destro del mouse su uno dei lettori multimediali.
- Seleziona Salva informazioni giocatore per scaricare le informazioni sul giocatore in formato json.
