https://github.com/googleads/googleads-ima-html5-dai
https://github.com/googleads/googleads-ima-html5-dai
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/googleads/googleads-ima-html5-dai
- Owner: googleads
- License: apache-2.0
- Created: 2017-12-05T15:50:32.000Z (over 8 years ago)
- Default Branch: main
- Last Pushed: 2025-09-16T14:00:03.000Z (9 months ago)
- Last Synced: 2025-09-16T15:55:38.490Z (9 months ago)
- Language: JavaScript
- Size: 283 KB
- Stars: 39
- Watchers: 10
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
## Google Ads DAI SDK for HTML5
This project hosts samples for the
[DAI SDK for HTML5](https://developers.google.com/ad-manager/dynamic-ad-insertion/sdk/html5).
### Samples breakdown
* [hls_js/simple](https://github.com/googleads/googleads-ima-html5-dai/tree/main/hls_js/simple) -
Simple example using HLS.js. Supports HLS streams in
[browsers that support the HLS.js javascript library](https://github.com/video-dev/hls.js/#compatibility).
* [hls_js/advanced](https://github.com/googleads/googleads-ima-html5-dai/tree/main/hls_js/advanced) -
Advanced example using HLS.js. Supports HLS streams in
[browsers that support the HLS.js javascript library](https://github.com/video-dev/hls.js/#compatibility).
* [hls_js/dai_preroll](https://github.com/googleads/googleads-ima-html5-dai/tree/main/dai_preroll) -
Demonstrates using the IMA client-side SDK to request a pre-roll ad, then
the DAI SDK to play a DAI stream with mid-rolls. Supports HLS streams in
[browsers that support the HLS.js javascript library](https://github.com/video-dev/hls.js/#compatibility).
* [native/simple](https://github.com/googleads/googleads-ima-html5-dai/tree/main/native/simple) -
Simple example relying on native HLS support. Supports HLS streams in
[browsers with native HLS support](https://developer.mozilla.org/en-US/docs/Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_video#streaming_file_format_support).
* [dash_js/simple](https://github.com/googleads/googleads-ima-html5-dai/tree/main/dash_js/simple) -
Simple example using DASH.js. For more information see the
[DASH.js README](https://github.com/Dash-Industry-Forum/dash.js#readme).
* [podserving/hls_js](https://github.com/googleads/googleads-ima-html5-dai/tree/main/podserving/hls_js) -
Simple example using HLS.js with DAI SDK and Google DAI Pod Serving. For
more information see the
[DAI pod serving guide](https://developers.google.com/ad-manager/dynamic-ad-insertion/sdk/html5?service=pod).
* [podserving/dash_js](https://github.com/googleads/googleads-ima-html5-dai/tree/main/podserving/dash_js) -
Simple example using DASH.js with DAI SDK and Google DAI Pod Serving. For
more information see the
[DAI pod serving guide](https://developers.google.com/ad-manager/dynamic-ad-insertion/sdk/html5?service=pod).
* [hbbtv](https://github.com/googleads/googleads-ima-html5-dai/tree/main/hbbtv) -
Simple example for requesting and playing ad pods with
[HbbTV](https://developer.hbbtv.org/).
* [Server Guided Ad Insertion (SGAI) Client-side HLS.js](https://github.com/googleads/googleads-ima-html5-dai/tree/main/SGAIClientSideExamples/hls_js) -
SGAI client-side example for on-device stitching of Google-provided ad
breaks.
### Requirements
Your favorite text editor. An HTML5 compliant browser. A webserver on which to
host the sample.
### Documentation Snippets
This repository contains code snippets used in developer documentation for the
[IMA HTML5 SDK](https://developers.google.com/ad-manager/dynamic-ad-insertion/sdk/html5/get-started).
The `/doc_snippets` directory contains code snippets from our developer
documentation to provide more context for implementing specific APIs.
### More Info
For more information, see the documentation at
https://developers.google.com/ad-manager/dynamic-ad-insertion/sdk/html5.
### Announcements and Updates
For API and client library updates and news, follow our
[Google Ads Developers blog](http://googleadsdeveloper.blogspot.com/).
Copyright 2017 Google Inc. All Rights Reserved. You may study, modify, and use
this example for any purpose. Note that this example is provided "as is",
WITHOUT WARRANTY of any kind either expressed or implied.