# DevTools Media Panel

> DevTools panel that displays technical details about media elements and webrtc on the current page; intended primarily for web developers to understand media playback issues on their sites, and for users to provide more informative bug reports.

Canonical page: [https://chrome-stats.com/d/devtools-media-panel](https://chrome-stats.com/d/devtools-media-panel)

## Overview

- **ID:** `devtools-media-panel`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Karolien Koorts
- **Category:** web-development,appearance
- **Daily users:** 1,521
- **Weekly downloads:** 28
- **Rating:** 4.29 / 5 (41 ratings)
- **Version:** 2.6
- **Last updated:** 2019-05-24
- **First published:** 2017-03-03
- **Size:** 375 KB
- **Data as of:** 2026-09-10
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/devtools-media-panel/)
- **Website:** [https://github.com/mjfroman/media-devtools-panel-react](https://github.com/mjfroman/media-devtools-panel-react)

## Description

The **DevTools Media Panel** is a powerful Chrome extension that integrates seamlessly into your browser's Developer Tools, adding a dedicated panel named "Media-Webrtc". Designed primarily for web developers and advanced users, this tool provides comprehensive technical details about media elements and WebRTC connections on the current page.

Within the media tab, users can inspect each video element’s playback state, including various diagnostic parameters that help identify issues with media playback. The WebRTC tab presents detailed information about each PeerConnection and GetUserMedia (GUM) instance, making it easier to troubleshoot streaming and peer-to-peer communication problems. This extension empowers developers to better understand and resolve media-related challenges on their websites, while users can supply more insightful bug reports.

## Rankings

- #2,588 — Overall
- #291 — Web Development
- #1 — mediapanel
- #4 — panel
- #10 — media
- #41 — tools

## Permissions and access

### Permissions

- `tabs`
- `<all_urls>`
- `activeTab`
- `downloads`

### Content script matches

- `*`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** Low risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Review summary

Multiple user reviews indicate the DevTools Media Panel add-on is largely nonfunctional on current webpages, often displaying "No media" incorrectly, and has not been updated since 2019. It can break XML previews in the browser and only operates on Firefox Nightly, a limitation not clearly documented. Despite this, a few users described it positively.

### Pros

- Some users found it good or nice to use.

### Cons

- The add-on does not work properly on most webpages.
- It frequently shows "No media" even on pages with media content.
- It has not been updated since 2019, leading to compatibility issues.
- Breaks XML preview in the browser when enabled.
- Only works on Firefox Nightly but this limitation is not clearly mentioned.

## Similar extensions and apps

- [Media Panel\_2.8](https://chrome-stats.com/d/media-panel_2-8) — 3 users
- [Web Audio Inspector](https://chrome-stats.com/d/web-audio-inspector) — 66 users
- [gRPC Panel](https://chrome-stats.com/d/grpc-panel) — 8 users
- [devtools Extension](https://chrome-stats.com/d/devtools-panels-wwh3) — 1 users
- [WebTransport Inspector](https://chrome-stats.com/d/webtransport-inspector) — 1 users
- [MobiDevTools](https://chrome-stats.com/d/mobidevtools) — 8,268 users, 3.93 / 5
- [Web Component DevTools](https://chrome-stats.com/d/web-component-devtools) — 960 users, 5.00 / 5
- [Dooksa DevTools](https://chrome-stats.com/d/dooksa-devtools)
- [Advanced WebRTC Internals](https://chrome-stats.com/d/advanced-webrtc-internals) — 32 users, 5.00 / 5
- [Tabs Media Controller](https://chrome-stats.com/d/media-control-panel) — 43 users, 4.33 / 5
- [Meta tags inspector](https://chrome-stats.com/d/meta-tags-inspector) — 290 users, 4.75 / 5
- [MediaInspector](https://chrome-stats.com/d/mediainspector) — 197 users, 3.40 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/devtools-media-panel)