Repository navigation
Add third batch of Web SDK demos to THEOplayer examples - #896
Merged
Merged
Conversation
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Contributor
Author
|
I'll fix CI failures and address comments from users with write access. I'll skip comments containing "(aside)".
|
This comment has been minimized.
This comment has been minimized.
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
…ove share close button Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
albertonantiattheo
approved these changes
Oct 6, 2026
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
MattiasBuelens
approved these changes
Oct 6, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Migrates ten legacy Web SDK demos into
/theoplayer/examples/using the existingExample+utils.jsiframe pattern, and points the relevant docs at the new pages (changelogs untouched). No demo autoplays on page load.New pages:
ads/02-advertisement-tester: merges both old ad tester demos. One Open Video UI player, an "Ad templates" dropdown (VAST pre/mid/post-roll, VMAP, Google IMA, Google IMA with companion ad, Google IMA SIMID, non-linear, VPAID), and an editable configuration (video URL with.mpd/.m3u8type inference, ad URL, integration, position, time offset). The generated code also shows how to insert an ad at runtime withplayer.ads.schedule(). The page has a compact ad event log, and companion ads fromad.companionsare rendered using onlyresourceURI/clickThrough/altText, nevercontentHTML.ads/03-ad-block-detection: togglesblockContentIfAdErrorwith the Google sample ad tag, and shows the Message and Content readout fromplayer.adsaderrorand playererror.ui/04-related-content(Open Video UI + Default UI): a "Related content" menu with tiles in Open Video UI, andplayer.related.sourcesin Default UI. Both open directly onended: Default UI callsplayer.related.show(), and Open Video UI callsclick()on the existing<theoplayer-menu-button>when#related-menuis stillhidden, so no non-public menu API is needed.ui/05-social-sharing(Open Video UI + Default UI):player.socialin Default UI. In Open Video UI, a share menu with a translucent overlay covers the whole player and is closed with the menu's built-in back button.ui/06-preview-thumbnails: toggles between in-manifest DASH tiled thumbnails and a side-loaded WebVTTthumbnailsmetadata track.playback/06-preload: switchespreloadbetweennone/metadata/autoand shows the buffer withRangeBar. Each switch re-creates the player:player.destroy(), then a new<theoplayer-default-ui>, andplayer.preloadis set beforeplayer.source.playback/07-playlist-and-caching: three-item playlist. It caches the next item withTHEOplayer.cache.createTask(next, { amount: '25%' })at 75% playback or on demand, and reuses any existing task for the same source fromTHEOplayer.cache.tasks(tasks persist across reloads), so no duplicate tasks are created.streaming/07-network-api: request/response interceptor log with filters, pause and clear, plus optional VTT text reversal viaresponse.respondWith(), which handles both string andArrayBufferbodies.Extended existing pages instead of adding new ones:
ui/01-adding-buttons: ±10 s seek buttons (<theoplayer-seek-button seek-offset="±10">in Open Video UI, two video.jsButtoncomponents in Default UI).ui/02-changing-ui-with-css: every UI skinning option can now be set separately (Default UI primary/secondary/tertiary color and background classes plus.vjs-selected; Open Video UI custom properties), with live generated CSS.Link to Devin session: https://dolby.devinenterprise.com/sessions/b936a9a57363474d901aed6902718cc2
Open in Devin Desktop: https://dolby.devinenterprise.com/desktop/session/b936a9a57363474d901aed6902718cc2?variant=devin