Demo
Live HLS via Shaka (headless), with Google IMA DAI server-side ad breaks and a CSAI sample pre-roll behind the Ads port. Switch to “DAI ad breaks” and watch the event log for adbreakstart … adbreakend and the “Ad” overlay.
Like every page on this site, this one is server-rendered by TanStack Start and hydrated in the browser — view source: the <video> and control shell are in the server HTML, while Shaka and the IMA SDKs load lazily on the client. That is the package’s SSR-safety, validated end-to-end.
Source
Committing a change remounts the player with a new
key, exercising a clean engine swap.'%2F%3E%3Ctext%20x%3D'10'%20y%3D'19'%20font-family%3D'sans-serif'%20font-size%3D'13'%20font-weight%3D'700'%20fill%3D'white'%3EGMG%20%E2%97%A2%3C%2Ftext%3E%3C%2Fsvg%3E)
Imperative handle:
Normalized events
The engine-agnostic contract analytics bind to — never raw Shaka/IMA events.
Waiting for events…
Scroll down — the player docks as a sticky mini-player. Use its ✕ to dismiss it; scroll back up to restore it.