Repository navigation
Add fourth batch of Web SDK demos to THEOplayer examples - #901
Merged
Merged
Conversation
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.
albertonantiattheo
approved these changes
Oct 8, 2026
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>
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>
devin-ai-integration
Bot
force-pushed
the
devin/1791366538-migrate-web-sdk-demos-batch-4
branch
from
October 9, 2026 09:23
cfaf67e to
a954052
Compare
Co-Authored-By: ceyhun.ozgoc <ceyhun.ozgoc@dolby.com>
MattiasBuelens
approved these changes
Oct 12, 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
This PR moves the next batch of legacy Web SDK demos to
/theoplayer/examples/. It also adds new OptiView Real-time Streaming (formerly Millicast), OptiView Live Streaming, Dolby Atmos and Dolby Vision examples, and a search bar on the examples overview.New example pages. All use Open Video UI unless noted otherwise:
ui/07-audio-only<theoplayer-ui>with a track-info slot and a control bar containing play, current time, seek bar, remaining time (<theoplayer-time-display remaining>), mute and volume. An empty<div slot="preview"></div>in<theoplayer-time-range>suppresses the default seek preview.The video is hidden with
theoplayer-ui::part(media-layer) { visibility: hidden; }.--theoplayer-aspect-ratio: noneplus a fixed--theoplayer-heightreplace the 16:9 box.no-auto-hidekeeps the controls visible. Below 480px the volume slider is hidden so the time displays fit.ui/08-keep-control-bar-visibleuser-idle-timeout="-1".The Default UI CSS override needs
visibility: visible !importantnext toopacity: 1 !important, because opacity alone no longer keeps the current control bar visible. The how-toui/web/keep-control-bar-visible.mdxis updated with the same fix.analytics/01-conviva(new Analytics category)@theoplayer/conviva-connector-webwithdebug: true.A stream-template dropdown offers HLS/DASH and VOD/Live. Customer key and Gateway URL inputs fall back to the placeholder test credentials when left empty.
Load stream calls
destroy()on the old connector, creates a new one, then sets the source.setContentInforuns on everysourcechange.A compact event log sits below the player, and a note says the Conviva debug logs appear in the DevTools console.
streaming/08-millicast{ type: 'millicast', src: 'multiview', streamAccountId: 'k9Mwad' }and explainssrc,streamAccountIdandsubscriberToken.streaming/09-theoliveplayer.latency.currentLatencyreadout, updated on everytimeupdate.streaming/10-dolby-atmos,11-dolby-visionmediaCapabilities.decodingInfo, falling back toMediaSource.isTypeSupported, plusmatchMedia('(dynamic-range: high)'). A green/yellow/red status box shows the result and lists the active codecs.What the status colours mean:
ec-3withaudio.spatialRendering: true. A note explains that browsers can't detect whether the speakers or headphones support Atmos. Red means only that ec-3 audio can't be decoded; the video can still play.dvh1.08.09/dvhe.08.09(as signaled by DASH/HLS) and thehvc1/hev1Main10 HLG base layer. Red means the browser can't decode HEVC. Yellow means either the browser can decode only the HLG base layer and not Dolby Vision, or the display does not support HDR.Searchable card lists:
src/components/DocCardListSearch, which providesuseDocCardListSearch(groups),DocCardListSearchInputand aSearchableDocCardGroupsrenderer.SubcategoryDocCardList,SidebarDocCardListandSidebarCategoryDocCardListeach buildDocCardGroup[]and hand them toSearchableDocCardGroups.searchableandsearchPlaceholder.searchPlaceholderis used as both the placeholder and thearia-label, and defaults toSearch….<SubcategoryDocCardList searchable searchPlaceholder="Search examples…" />.searchable, all three components render as before.Link to Devin session: https://dolby.devinenterprise.com/sessions/b936a9a57363474d901aed6902718cc2
Open in Devin Desktop: https://dolby.devinenterprise.com/desktop/session/b936a9a57363474d901aed6902718cc2?variant=devin