Skip to main content

Web Debug

What you learn​

You're instantiating DIVA Player in your web front-end and.

The goal of this article is to explain how to access DIVA logs and how to show Debug Panel.

Enable DIVA logs via query parameter​

To quickly enable DIVA logs in console add the query parameter __divaLogToConsole=true to the page URL.

Enable DIVA logs via local storage​

To quickly enable DIVA logs in console add the local storage parameter __divaLogToConsole=true.

Debug Panel​

DIVA offers (from version 5.10.5) a Debug Panel that displays the current state of the player, including information about the active video and its metadata.
It provides details on initialization parameters, the DIVA version, the underlying media player plugin name and version, as well as error information and the most recent entitlement request and response.

How to show Debug Panel on Responsive Web​

There are multiple ways to show the Debug Panel on Responsive Web:

Full Debug Panel with metrics, endpoints and configurations​

  • Keyboard Sequence: Type divadebug on your keyboard.
  • Console Command: Type diva.showDebugPanel() in the browser console.
  • Mobile Gesture: On mobile devices, long tap on the screen for 3 seconds and then tap quickly 3 times.

Minimal Debug Panel with only the current metrics​

  • Context Menu: Right click on DIVA in order to show the context menu and select "Show Debug Panel".

How to show Debug Panel on Web TV​

There are multiple ways to show the Debug Panel on Web TV:

  • Keyboard Sequence: Type divadebug on your keyboard.
  • Remote Control Sequence: Press 3 times arrow left, 3 times arrow right, 3 times arrow left.
  • Console Command: Type diva.showDebugPanel() in the browser console.

How to hide Debug Panel on WebTV​

To hide the Debug Panel, you can use the following methods:

  • Back button: Press the back button on your remote.
  • Scrolling: Scroll the bottom of the Debug Panel.