How can I access the IMA-SDK of HTML5 player

In Version 8 (exactly since 8.14.0) of the Bitmovin web-player-sdk you can directly access the default Advertisings Module which is the IMA-SDK from Google.

How would you do this?

Our Player offers several callbacks for that:

• beforeInitialization

Callback that provides access to the google.ima.ImaSdkSettings before any initialization happens.

A possible use of this could be to change the locale of the ads

• onAdContainerAvailable

Callback that provides access to the ad container HTML-Element.

• onAdsManagerAvailable

This callback passes the google.ima.AdsManager as you will see in the next example:

Example:

1const playerConfig = {
2  key: '<KEY>',
3  advertising: {
4      adBreaks: [
5        {
6          tag: {
7            url:'<VAR-URL>',
8            type: 'vast'
9          },
10          id: 'Ad',
11          position: 'pre'
12        }
13      ],
14      onAdsManagerAvailable : (IMAAdManager) => {
15        // example of IMA AdManager usage
16        IMAAdManager.addEventListener( google.ima.AdEvent.Type.AD_PROGRESS, (IMAEvent) => {
17          var adProgressData= IMAEvent.getAdData();
18          console.log(parseInt(adProgressData.duration)-parseInt(adProgressData.currentTime));
19        });
20      }
21    }
22};