Медиа: просмотр и отладка информации о медиаплеерах.

Используйте панель мультимедиа в Chrome DevTools для просмотра информации и отладки медиаплееров на каждой вкладке браузера.

Обзор

Панель «Медиа» — это основное место в DevTools для проверки медиаплеера страницы. Источники аудио и видео перечислены в левой части панели «Медиа» в разделе « Проигрыватели» , а в правой части отображаются различные свойства и сведения.

Панель «Медиа» позволяет выполнять следующие действия:

Откройте панель «Медиа»

Чтобы открыть панель «Медиа» :

  1. Откройте Инструменты разработчика .
  2. Нажмите « Дополнительные параметры» > «Дополнительные инструменты» > «Медиа» , чтобы открыть панель «Медиа» .

Медиа-панель.

Просмотр информации о медиаплеерах

Чтобы просмотреть информацию о медиаплеере, выполните следующие действия:

  1. Посетите страницу с медиаплеером, например https://youtu.be/e1gAyQuIFQo .
  2. Теперь вы можете увидеть медиаплеер в меню «Плееры» .
  3. Нажмите на плеер. На вкладке «Свойства» отображаются свойства медиаплеера. Свойства медиа-панели.
  4. Нажмите на вкладку «События» , чтобы просмотреть все события медиаплеера. Мероприятия медиа-панели.
  5. Нажмите вкладку «Сообщения» , чтобы просмотреть журналы сообщений медиаплеера. Вы можете фильтровать сообщения по уровню журнала или строке. Сообщения медиа-панели.
  6. На вкладке «Временная шкала» вы можете просматривать воспроизведение мультимедиа и состояние буфера в реальном времени. Временная шкала медиа-панели.

Удаленная отладка

Вы можете просмотреть информацию о медиаплеерах на устройстве Android со своего компьютера под управлением Windows, Mac или Linux.

  1. Выполните следующие действия , чтобы настроить удаленную отладку.
  2. Теперь вы можете просматривать информацию о медиаплеерах удаленно.

Пример удаленной отладки.

Скрыть и показать медиаплееры

Иногда на странице может быть несколько медиаплееров или вы можете использовать одну и ту же вкладку браузера, просматривая разные страницы, на каждой из которых есть медиаплееры.

Вы можете показать или скрыть каждый медиаплеер для упрощения отладки.

  1. Перейдите на несколько разных видеостраниц, используя одну и ту же вкладку браузера.
  2. Щелкните правой кнопкой мыши по одному из медиаплееров. Вы можете скрыть выбранного игрока, выбрав «Скрыть игрока» или выберите «Скрыть всех остальных» , чтобы скрыть всех остальных игроков.

Скрыть медиаплееры

Экспортировать информацию о медиаплеере

  1. Щелкните правой кнопкой мыши по одному из медиаплееров.
  2. Выберите «Сохранить информацию об игроке» , чтобы загрузить информацию об игроке в формате JSON.

Экспорт медиаинформации