Contenuti multimediali: visualizzare le informazioni dei lettori multimediali ed eseguirne il debug

Dale St. Marthe
Dale St. Marthe

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:

Apri il riquadro Contenuti multimediali

Per aprire il riquadro Contenuti multimediali:

  1. Apri DevTools.
  2. Fai clic su Altre opzioni more_vert > Altri strumenti > Contenuti multimediali per aprire il riquadro Contenuti multimediali.

Riquadro dei contenuti multimediali.

Visualizzare informazioni sui lettori multimediali

Per visualizzare le informazioni del lettore multimediale, procedi nel seguente modo:

  1. Visita una pagina con un media player, ad esempio https://youtu.be/e1gAyQuIFQo.
  2. Ora puoi visualizzare un media player nel menu Player.
  3. Fai clic sul player. Nella scheda Proprietà vengono visualizzate le proprietà del media player. Proprietà del riquadro dei contenuti multimediali.
  4. Fai clic sulla scheda Eventi per visualizzare tutti gli eventi del media player. Eventi del riquadro multimediale.
  5. Fai clic sulla scheda Messaggi per visualizzare i log dei messaggi del media player. Puoi filtrare i messaggi per livello di log o stringa. Messaggi del riquadro multimediale.
  6. Nella scheda Sequenza temporale puoi visualizzare in diretta lo stato del buffer e della riproduzione dei contenuti multimediali. Sequenza temporale del riquadro dei contenuti multimediali.

Debug remoto

Puoi visualizzare le informazioni sui lettori multimediali su un dispositivo Android da Windows, Mac o Linux computer.

  1. Segui questi passaggi per configurare il debug remoto.
  2. Ora puoi visualizzare le informazioni sui lettori multimediali da remoto.

Esempio di debug 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.

  1. Passa a diverse pagine di video utilizzando la stessa scheda del browser.
  2. 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.

Nascondi lettori multimediali

Esporta informazioni sul media player

  1. Fai clic con il tasto destro del mouse su uno dei lettori multimediali.
  2. Seleziona Salva informazioni giocatore per scaricare le informazioni sul giocatore in formato json.

Esporta informazioni multimediali