Media Tool in Microsoft Edge Browser
Last Updated :
15 Sep, 2023
At present, most of the websites have some kind of media playing be it music or video. To get information about the player Edge browser provides a tool called Media Tool. The information gained by this tool can be used to debug the player and improve user experience.
How to Open Media Tool
To open Media tool follow these steps:
Step 1: First open developer tools, right click in the page and click Inspect or you can just press the shortcut keys "Ctrl+Shift+I" or "F12". A section will appear containing various developer tools.
Step 2: Now press the shortcut key "Ctrl+Shift+P" to access the Run Command menu. Type "media" and from the options that appear click Show Media. Alternatively you also open Media tool by just clicking three dots in the top right corner and navigating to More tools > Media from the menu that appears.
Opening Media Tool using Run Command menuDifferent Information in Media Tool
Media player tool have a Players section where all the players in the webpage is listed. For each media player we get 4 panel categorizing various information which are Properties, Events, Message and Timeline.
Players Section
First visit the webpage where a media player is present and then if the media tool is open then it will automatically list all the media player present in the webpage. We can hide player if we want or keep a particular player and hide all others.
Properties Panel
It displays the Playback, Video Decoder and Audio Decoder Information of the player.
Playback are media files containing audio or video stored on the computer that can be opened at any time. An Audio/Video Decoder is a software tool used to decode a encoded audio/video to its original form.

Events Panel
It displays the timestamp along with various events name and value that is going on in the player.

Messages Panel
It displays the message logs of the player. You can also filter the messages by log type or string.

Timeline Panel
It displays the live media playback and buffer status. Buffer status shows timeline of loading of the video.

Hide and show media players
To hide the player first right click and select Hide player to hide the media player from the list in player section. To hide all other player except the selected one right click the player you want and click Hide all others.

Export media player information
We can also export the player information in JSON format. To export right click the player and click Save player info.

Similar Reads
Elements Tool in Microsoft Edge Browser The Elements Tool provides the HTML and CSS code of the webpage. This code can be modified to check the changes live in the browser itself and you can also check the layout and colors used in the elements of the webpage. The elements in the webpage are the various nodes, text, attributes, and attrib
9 min read
Search Tool in Microsoft Edge Browser The Search Tool is Edge find characters in the webpage HTML,CSS, JS and image files. You can search by entering text or regular expression in the input field. The tool saves a lot of time in finding the required file.Benefits of Search ToolSupport for regular expression: Other that just text you can
3 min read
Welcome Tool in Microsoft Edge Browser The Welcome tool in Microsoft Edge is just a tab providing various information about the browser's release notes, links for various documents, and videos of everything related to Edge Browser. The whole tab has two sections: one is the Learn section, which contains various links to Edge-related docu
5 min read
Network Tool in Microsoft Edge Browser The Network Tool is used to view the various network request and corresponding responses of the web page. It provides various types of information about the request such as hearde, payload and initiator. You are also allowed to set various network conditions or filter in the requests or set network
5 min read
Sources Tool in Microsoft Edge Browser The Sources Tool in Microsoft Edge is used to inspect and edit the JS code present on the web page. You also get debugging tools to debug the code and view the changes live on the web page. It acts as a code editor built into the browser, providing features such as formatting, color code, a file/fol
7 min read
Changes Tool in Microsoft Edge Browser The Changes Tool in Edge acts as a history page for various changes made to the webpage source files. While using multiple DevTools, you may knowingly or unknowingly change many things related to the web page's CSS and JS code. To check all these changes, which you may use to change your actual sour
4 min read