Ver y depurar información de reproductores multimediaView and debug media players information

Use la herramienta Multimedia en Microsoft Edge DevTools para ver información y depurar los reproductores multimedia por pestaña del explorador.Use the Media tool in Microsoft Edge DevTools to view information and debug the media players per browser tab.

Abrir la herramienta MultimediaOpen the Media tool

La herramienta Multimedia es el lugar principal en DevTools para inspeccionar el reproductor multimedia de una página web.The Media tool is the main place in DevTools for inspecting the media player of a webpage.

  1. Abra DevTools.Open DevTools.

  2. Para abrir el panel Multimedia, elija Personalizar y controlar DevTools ... > Más herramientas > Multimedia.To open the Media panel, choose Customize and control DevTools ... > More tools > Media.

    Panel multimedia

Ver información de reproductores multimediaView media players information

  1. Navegue a una página web con un reproductor multimedia, como la siguiente página web.Navigate to a webpage with a media player, such as the following webpage.

    Maximizar la productividad con edge Developer ToolsMaximizing productivity with the Edge Developer Tools

  2. En el menú Reproductores, se muestra un reproductor multimedia.Under the Players menu, a media player is displayed.

  3. Elige el jugador.Choose the player. El panel Propiedades muestra las propiedades del reproductor multimedia.The Properties panel displays the properties of the media player.

    Propiedades multimedia

  4. Para ver todos los eventos del reproductor multimedia, elija el panel Eventos.To view all the media player events, choose the Events panel.

    Eventos multimedia

  5. Para ver los registros de mensajes del reproductor multimedia, elija el panel Mensajes.To view the media player message logs, choose the Messages panel. Puede filtrar los mensajes por nivel de registro o cadena.You may filter the messages by log level or string.

    Mensajes multimedia

  6. En el panel Escala de tiempo, la reproducción multimedia y el estado del búfer se muestran en directo.On the Timeline panel, the media playback and buffer status is displayed live.

    Escala de tiempo de medios

Depuración remotaRemote debugging

Consulta la información de reproductores multimedia en un dispositivo Android desde tu equipo Windows o macOS.View the media players information on an Android device from your Windows or macOS computer.

  1. Para configurar la depuración remota, vaya a Introducción a la depuración remota de dispositivos Android.To set up remote debugging, navigate to Get started with remote debugging Android devices.

  2. Ver la información de reproductores multimedia de forma remota.View the media players information remotely.

Ocultar y mostrar reproductores multimediaHide and show media players

A veces, ejecutas más de un reproductor multimedia en una página web o usas la misma pestaña del explorador para explorar diferentes páginas web, cada una con reproductores multimedia.Sometimes you run more than one media player on a webpage, or use the same browser tab to browse different webpages, each with media players.

Puede elegir ocultar (o mostrar) cada reproductor multimedia para una experiencia de depuración más sencilla.You may choose to hide (or show) each media player for an easier debugging experience.

  1. Vaya a varias páginas web de vídeo diferentes con la misma pestaña del explorador.Browse to several different video webpages using the same browser tab.

  2. Para ocultar reproductores multimedia, complete una de las siguientes acciones.To hide media players, complete one of the following actions.

    • Para ocultar un reproductor multimedia, mantenga el mouse en un reproductor multimedia, abra el menú contextual (hacer clic con el botón secundario) y elija Ocultar reproductor.To hide one media player, hover on a media player, open the contextual menu (right-click), and choose Hide player.
    • Para ocultar todos los demás reproductores multimedia, mantenga el mouse en un reproductor multimedia, abra el menú contextual (hacer clic con el botón secundario) y elija Ocultar todos los demás.To hide all of the other media players, hover on a media player, open the contextual menu (right-click), and choose Hide all others.

    Ocultar reproductores multimedia

Exportar información del reproductor multimediaExport media player information

  1. Para descargar la información del reproductor multimedia como un archivo JSON, mantenga el mouse en un reproductor multimedia, abra el menú contextual (clic con el botón secundario) y elija Guardar información del reproductor.To download the media player info as a JSON file, hover on a media player, open the contextual menu (right-click), and choose Save player info.

    Exportar información multimedia

Contactar al equipo de Microsoft Edge DevToolsGetting in touch with the Microsoft Edge DevTools team

Use las siguientes opciones para analizar las nuevas características y cambios en la publicación, o cualquier otra cosa relacionada con DevTools.Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.

  • Envía tus comentarios con el icono Enviar comentarios o selecciona Alt + Shift + I (Windows, Linux) o Option + Shift + I (macOS) en DevTools.Send your feedback using the Send Feedback icon or select Alt+Shift+I (Windows, Linux) or Option+Shift+I (macOS) in DevTools.
  • Tweet at @EdgeDevTools.Tweet at @EdgeDevTools.
  • Enviar una sugerencia a La web que queremos.Submit a suggestion to The Web We Want.
  • Para presentar errores sobre este artículo, use la siguiente sección comentarios.To file bugs about this article, use the following Feedback section.

El icono Enviar comentarios en Microsoft Edge DevTools

Nota

Algunas partes de esta página son modificaciones basadas en el trabajo creado y compartido por Google y se usan según los términos descritos en la Licencia internacional de Creative Commons Attribution 4.0.Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License.
La página original se encuentra aquí y está creada por Jecelyn Yeen (Promotor de desarrollo, Chrome DevTools).The original page is found here and is authored by Jecelyn Yeen (Developer advocate, Chrome DevTools).

Licencia de Creative Commons
Este trabajo dispone de licencia conforme a Licencia internacional de Creative Commons Attribution 4.0.This work is licensed under a Creative Commons Attribution 4.0 International License.