# Google DAI
Load a Google DAI stream and inspect its scheduled ad breaks, events, and content time.
Tip: open your browser's developer console and use the `player` and `THEOplayer` variables to interact with this demo.
### Stream configuration
**Stream type**
VODLive
**Stream format**
HLSDASH
Content source ID2548831Video IDtears-of-steelAPI key (optional)
Advanced options
Auth tokenNetwork codeStream activity monitor ID\[ ]Enable nonce
### Ad tag parameters
Add sample
| Key | Value | Action |
| --------------------- | ----- | ------ |
| No ad tag parameters. | | |
Add parameterReset to sampleLoad stream
Generated source
```js
player.source = {
"sources": {
"type": "application/x-mpegurl",
"ssai": {
"integration": "google-dai",
"availabilityType": "vod",
"apiKey": "",
"contentSourceID": "2548831",
"videoID": "tears-of-steel"
}
}
};
```
### Stream and content time
| Stream time | — |
| ------------ | - |
| Content time | — |
### Scheduled ad breaks
| Offset | Max duration | Ads |
| --------------------------------- | ------------ | --- |
| No scheduled breaks reported yet. | | |
### Events
Clear
| Clock / player time | Event | Details |
| ----------------------- | ----- | ------- |
| No events reported yet. | | |
The stream type and the `ssai` configuration identify the Google DAI stream. VOD uses a content source ID and video ID; live streams use an asset key.
```js
function loadVOD() {
player.autoplay = true;
player.source = {
sources: {
type: 'application/x-mpegurl',
ssai: {
integration: 'google-dai',
availabilityType: 'vod',
apiKey: '',
contentSourceID: '2548831',
videoID: 'tears-of-steel',
adTagParameters: {
description_url: window.location.href,
},
},
},
};
}
function loadLive() {
player.autoplay = true;
player.source = {
sources: {
type: 'application/x-mpegurl',
ssai: {
integration: 'google-dai',
availabilityType: 'live',
apiKey: '',
assetKey: 'c-rArva4ShKVIAkNfy6HUQ',
},
},
};
}
```
Listen to `player.ads` events to track ad playback. Ad blockers can block the Google IMA DAI SDK.
```js
player.ads.addEventListener('adbegin', (event) => {
console.log(event.ad.id, event.ad.duration, event.adBreak.timeOffset);
});
```
See the [Google DAI guide](https://optiview.dolby.com/docs/theoplayer/how-to-guides/web/ads/google-dai.md) and the [`GoogleDAIConfiguration` API](https://optiview.dolby.com/docs/theoplayer/v11/api-reference/web/interfaces/GoogleDAIConfiguration).
Code
demo.html
```html
Google DAI
```