Google DAI HTML5 Reference Application with DASH Playback support and iOS Safari Browser compatibility

[Sarath Chandra]

1. We are developing sample application based on IMA DAI SDK for HTML5
2. The sample application provided in the https://github.com/googleads/googleads-ima-html5-dai/tree/master/hls_js/advanced:
1. Doesn't play HLS content in the iOS Safari Browser, where as the same application works in Chrome and Safari
2. Doesn't play the DASH content in Chrome and Safari browsers and throws errorMessage: "Stream initialization failed because either: ↵1. Content source ID or video ID was incorrect. ↵2. The stream is inactive.↵HTTP status code: 404"
3. Above listed issues doesn't exist in the https://developers.google.com/interactive-media-ads/docs/sdks/html5/dai/testing-dai and both the streams play in all browsers

Can you please provide the github project for the Google DAI HTML5 reference implementation.

Please let me know if there is any further information which I need to share.

[IMA SDK]

Hi Sarath,

Thank you for reaching out to us. Please see my comments inline.

Doesn't play HLS content in the iOS Safari Browser, where as the same application works in Chrome and Safari.

As you’re implementing our sample app for HLS, I’m afraid, HLS.js is currently unsupported for iOS in general, thus, there are some limitations when it comes to this implementation, please see this documentation for more information.

Doesn't play the DASH content in Chrome and Safari browsers and throws errorMessage: "Stream initialization failed because either: ↵1. Content source ID or video ID was incorrect. ↵2. The stream is inactive.↵HTTP status code: 404"

As the error message suggests, this seems to be an error with ad serving rather than the IMA SDK itself. I would suggest using our sample DASH CMS and Video IDs below, and let us know if you would be able to reproduce this issue.

CMS ID: 2474148
Video ID: bbb-clear

Here’s our sample apps for DAI HTML5 implementation for your reference:
https://github.com/googleads/googleads-ima-html5-dai

Regards,
Sherwin Diesta
IMA SDK Team

ref:_00D1U1174p._5004Q22ZA7n:ref

[Sarath Chandra]

Hi,

Have verified all the sample streams shared in the https://developers.google.com/interactive-media-ads/docs/sdks/html5/dai/streams, and the google sample project code doesn't work in iOs Safari and DASH content where it works in the https://developers.google.com/interactive-media-ads/docs/sdks/html5/dai/testing-dai. Do you have sample source code for the content shared in testing-dai?

Live stream samples

Stream Content	Asset Key	Stream Format
Big Buck Bunny (Live)	sN_IYUG8STe1ZzhIIE_ksA	HLS

VOD stream samples

Stream Content	CMS ID	Video ID	Stream Format
Tears of Steel	2528370	tears-of-steel	HLS
Big Buck Bunny	2474148	bbb-clear	DASH

Regards,

Sarath

[IMA SDK]

Hi Sarath,

Thank you for your message. I’m afraid we do not have a sample source code of our VSI to share. With regard to our sample apps issues on mobile Safari, we are now aware about this and the team is actively working on this. In the meantime, you may continue to follow our release history and our blog for further updates regarding this issue.

Regards,
Sherwin Diesta
IMA SDK Team

ref:_00D1U1174p._5004Q22ZA7n:ref

[IMA SDK]

Hi Sarath,

At this time, HLS and DASH support is very fragmented between different browsers. The reason you see separate samples for HLS.js on some browsers and native playback on others is that at the moment, cross browser solutions for HLS and DASH streaming rely heavily on feature detection in the browser.

For example, the DAI stream testing page that your linked to actually uses one of several completely different players depending on stream type and operating system.

We are actively working towards being able to provide universal browser support via the Shaka Player library, but that project will take some time to resolve.


Thanks,

Greg Schoppe
IMA SDK Team

ref:_00D1U1174p._5004Q22ZA7n:ref