bitmovin-player-ui
Version:
Bitmovin Player UI Framework
57 lines (56 loc) • 48.9 kB
HTML
<html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>UIManager | bitmovin-player-ui</title><meta name="description" content="Documentation for bitmovin-player-ui"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">bitmovin-player-ui</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">UIManager</a></li></ul><h1>Class UIManager</h1></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L122">src/ts/UIManager.ts:122</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#activeui" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>active<wbr/>Ui</span></a>
<a href="#onactiveuichanged" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Active<wbr/>Ui<wbr/>Changed</span></a>
<a href="#onuivariantresolve" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Ui<wbr/>Variant<wbr/>Resolve</span></a>
<a href="#uiwrapperelement" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>ui<wbr/>Wrapper<wbr/>Element</span></a>
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#addtimelinemarker" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Timeline<wbr/>Marker</span></a>
<a href="#getconfig" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Config</span></a>
<a href="#getsubtitlesettingsmanager" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Subtitle<wbr/>Settings<wbr/>Manager</span></a>
<a href="#gettimelinemarkers" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Timeline<wbr/>Markers</span></a>
<a href="#getuivariants" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Ui<wbr/>Variants</span></a>
<a href="#release" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>release</span></a>
<a href="#removetimelinemarker" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Timeline<wbr/>Marker</span></a>
<a href="#resolveuivariant" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resolve<wbr/>Ui<wbr/>Variant</span></a>
<a href="#switchtouivariant" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>switch<wbr/>To<wbr/>Ui<wbr/>Variant</span></a>
<a href="#localize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>localize</span></a>
<a href="#setlocalizationconfig" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Localization<wbr/>Config</span></a>
</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructoruimanager"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">UIManager</span><span class="tsd-signature-symbol">(</span><br/> <span class="tsd-kind-parameter">player</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">PlayerAPI</span><span class="tsd-signature-symbol">,</span><br/> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="UIContainer.html" class="tsd-signature-type tsd-kind-class">UIContainer</a><span class="tsd-signature-symbol">,</span><br/> <span class="tsd-kind-parameter">uiconfig</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/UIConfig.html" class="tsd-signature-type tsd-kind-interface">UIConfig</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">UIManager</a><a href="#constructoruimanager" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Creates a UI manager with a single UI variant that will be permanently shown.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">player</span>: <span class="tsd-signature-type">PlayerAPI</span></span><div class="tsd-comment tsd-typography"><p>the associated player of this UI</p>
</div></li><li><span><span class="tsd-kind-parameter">ui</span>: <a href="UIContainer.html" class="tsd-signature-type tsd-kind-class">UIContainer</a></span><div class="tsd-comment tsd-typography"><p>the UI to add to the player</p>
</div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">uiconfig</span>: <a href="../interfaces/UIConfig.html" class="tsd-signature-type tsd-kind-interface">UIConfig</a></span><div class="tsd-comment tsd-typography"><p>optional UI configuration</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">UIManager</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L145">src/ts/UIManager.ts:145</a></li></ul></aside></div></li><li class=""><div class="tsd-signature tsd-anchor-link" id="constructoruimanager-1"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">UIManager</span><span class="tsd-signature-symbol">(</span><br/> <span class="tsd-kind-parameter">player</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">PlayerAPI</span><span class="tsd-signature-symbol">,</span><br/> <span class="tsd-kind-parameter">uiVariants</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/UIVariant.html" class="tsd-signature-type tsd-kind-interface">UIVariant</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/> <span class="tsd-kind-parameter">uiconfig</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/UIConfig.html" class="tsd-signature-type tsd-kind-interface">UIConfig</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">UIManager</a><a href="#constructoruimanager-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Creates a UI manager with a list of UI variants that will be dynamically selected and switched according to
the context of the UI.</p>
<p>Every time the UI context changes, the conditions of the UI variants will be sequentially resolved and the first
UI, whose condition evaluates to true, will be selected and displayed. The last variant in the list might omit the
condition resolver and will be selected as default/fallback UI when all other conditions fail. If there is no
fallback UI and all conditions fail, no UI will be displayed.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">player</span>: <span class="tsd-signature-type">PlayerAPI</span></span><div class="tsd-comment tsd-typography"><p>the associated player of this UI</p>
</div></li><li><span><span class="tsd-kind-parameter">uiVariants</span>: <a href="../interfaces/UIVariant.html" class="tsd-signature-type tsd-kind-interface">UIVariant</a><span class="tsd-signature-symbol">[]</span></span><div class="tsd-comment tsd-typography"><p>a list of UI variants that will be dynamically switched</p>
</div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">uiconfig</span>: <a href="../interfaces/UIConfig.html" class="tsd-signature-type tsd-kind-interface">UIConfig</a></span><div class="tsd-comment tsd-typography"><p>optional UI configuration</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">UIManager</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L159">src/ts/UIManager.ts:159</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="activeui"><span>active<wbr/>Ui</span><a href="#activeui" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="activeuiactiveui"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">activeUi</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="UIInstanceManager.html" class="tsd-signature-type tsd-kind-class">UIInstanceManager</a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>The current active <a href="UIInstanceManager.html" class="tsd-kind-class">UIInstanceManager</a>.</p>
</div><h4 class="tsd-returns-title">Returns <a href="UIInstanceManager.html" class="tsd-signature-type tsd-kind-class">UIInstanceManager</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L624">src/ts/UIManager.ts:624</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onactiveuichanged"><span>on<wbr/>Active<wbr/>Ui<wbr/>Changed</span><a href="#onactiveuichanged" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="onactiveuichangedonactiveuichanged"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onActiveUiChanged</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventDispatcher</span><span class="tsd-signature-symbol"><</span><a href="" class="tsd-signature-type tsd-kind-class">UIManager</a><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ActiveUiChangedArgs.html" class="tsd-signature-type tsd-kind-interface">ActiveUiChangedArgs</a><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Fires after the UIManager has switched to a different UI variant.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">EventDispatcher</span><span class="tsd-signature-symbol"><</span><a href="" class="tsd-signature-type tsd-kind-class">UIManager</a><span class="tsd-signature-symbol">,</span> <a href="../interfaces/ActiveUiChangedArgs.html" class="tsd-signature-type tsd-kind-interface">ActiveUiChangedArgs</a><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L617">src/ts/UIManager.ts:617</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onuivariantresolve"><span>on<wbr/>Ui<wbr/>Variant<wbr/>Resolve</span><a href="#onuivariantresolve" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="onuivariantresolveonuivariantresolve"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">onUiVariantResolve</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventDispatcher</span><span class="tsd-signature-symbol"><</span><a href="" class="tsd-signature-type tsd-kind-class">UIManager</a><span class="tsd-signature-symbol">,</span> <a href="../interfaces/UIConditionContext.html" class="tsd-signature-type tsd-kind-interface">UIConditionContext</a><span class="tsd-signature-symbol">></span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Fires just before UI variants are about to be resolved and the UI variant is possibly switched. It is fired when
the switch is triggered from an automatic switch and when calling <a href="#resolveuivariant" class="tsd-kind-method">resolveUiVariant</a>.
Can be used to modify the <a href="../interfaces/UIConditionContext.html" class="tsd-kind-interface">UIConditionContext</a> before resolving is done.</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">EventDispatcher</span><span class="tsd-signature-symbol"><</span><a href="" class="tsd-signature-type tsd-kind-class">UIManager</a><span class="tsd-signature-symbol">,</span> <a href="../interfaces/UIConditionContext.html" class="tsd-signature-type tsd-kind-interface">UIConditionContext</a><span class="tsd-signature-symbol">></span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L609">src/ts/UIManager.ts:609</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="uiwrapperelement"><span>ui<wbr/>Wrapper<wbr/>Element</span><a href="#uiwrapperelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="uiwrapperelementuiwrapperelement"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">uiWrapperElement</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DOM</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>The node the UI renders into. When Shadow DOM is enabled, this wraps the ShadowRoot; otherwise it wraps the
provided <code>UIConfig.container</code> (or the <code>player.container</code>).</p>
</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">DOM</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L548">src/ts/UIManager.ts:548</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addtimelinemarker"><span>add<wbr/>Timeline<wbr/>Marker</span><a href="#addtimelinemarker" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="addtimelinemarker-1"><span class="tsd-kind-call-signature">addTimelineMarker</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">timelineMarker</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/TimelineMarker.html" class="tsd-signature-type tsd-kind-interface">TimelineMarker</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#addtimelinemarker-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Adds a marker to the timeline. Does not check for duplicates/overlaps at the <code>time</code>.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">timelineMarker</span>: <a href="../interfaces/TimelineMarker.html" class="tsd-signature-type tsd-kind-interface">TimelineMarker</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L638">src/ts/UIManager.ts:638</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getconfig"><span>get<wbr/>Config</span><a href="#getconfig" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getconfig-1"><span class="tsd-kind-call-signature">getConfig</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/UIConfig.html" class="tsd-signature-type tsd-kind-interface">UIConfig</a><a href="#getconfig-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="../interfaces/UIConfig.html" class="tsd-signature-type tsd-kind-interface">UIConfig</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L437">src/ts/UIManager.ts:437</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getsubtitlesettingsmanager"><span>get<wbr/>Subtitle<wbr/>Settings<wbr/>Manager</span><a href="#getsubtitlesettingsmanager" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getsubtitlesettingsmanager-1"><span class="tsd-kind-call-signature">getSubtitleSettingsManager</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">SubtitleSettingsManager</span><a href="#getsubtitlesettingsmanager-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">SubtitleSettingsManager</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L433">src/ts/UIManager.ts:433</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="gettimelinemarkers"><span>get<wbr/>Timeline<wbr/>Markers</span><a href="#gettimelinemarkers" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="gettimelinemarkers-1"><span class="tsd-kind-call-signature">getTimelineMarkers</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/TimelineMarker.html" class="tsd-signature-type tsd-kind-interface">TimelineMarker</a><span class="tsd-signature-symbol">[]</span><a href="#gettimelinemarkers-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the list of all added markers in undefined order.</p>
</div><h4 class="tsd-returns-title">Returns <a href="../interfaces/TimelineMarker.html" class="tsd-signature-type tsd-kind-interface">TimelineMarker</a><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L631">src/ts/UIManager.ts:631</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getuivariants"><span>get<wbr/>Ui<wbr/>Variants</span><a href="#getuivariants" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getuivariants-1"><span class="tsd-kind-call-signature">getUiVariants</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/UIVariant.html" class="tsd-signature-type tsd-kind-interface">UIVariant</a><span class="tsd-signature-symbol">[]</span><a href="#getuivariants-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns the list of UI variants as passed into the constructor of <a href="#" class="tsd-kind-class">UIManager</a>.</p>
</div><h4 class="tsd-returns-title">Returns <a href="../interfaces/UIVariant.html" class="tsd-signature-type tsd-kind-interface">UIVariant</a><span class="tsd-signature-symbol">[]</span></h4><p>the list of available UI variants</p>
<aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L445">src/ts/UIManager.ts:445</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="release"><span>release</span><a href="#release" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="release-1"><span class="tsd-kind-call-signature">release</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#release-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L594">src/ts/UIManager.ts:594</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removetimelinemarker"><span>remove<wbr/>Timeline<wbr/>Marker</span><a href="#removetimelinemarker" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removetimelinemarker-1"><span class="tsd-kind-call-signature">removeTimelineMarker</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">timelineMarker</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/TimelineMarker.html" class="tsd-signature-type tsd-kind-interface">TimelineMarker</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#removetimelinemarker-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes a marker from the timeline (by reference) and returns <code>true</code> if the marker has
been part of the timeline and successfully removed, or <code>false</code> if the marker could not
be found and thus not removed.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">timelineMarker</span>: <a href="../interfaces/TimelineMarker.html" class="tsd-signature-type tsd-kind-interface">TimelineMarker</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L648">src/ts/UIManager.ts:648</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resolveuivariant"><span>resolve<wbr/>Ui<wbr/>Variant</span><a href="#resolveuivariant" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="resolveuivariant-1"><span class="tsd-kind-call-signature">resolveUiVariant</span><span class="tsd-signature-symbol">(</span><br/> <span class="tsd-kind-parameter">context</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/UIConditionContext.html" class="tsd-signature-type tsd-kind-interface">UIConditionContext</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">,</span><br/> <span class="tsd-kind-parameter">onShow</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">context</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/UIConditionContext.html" class="tsd-signature-type tsd-kind-interface">UIConditionContext</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=></span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#resolveuivariant-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Triggers a UI variant switch as triggered by events when automatic switching is enabled. It allows to overwrite
properties of the <a href="../interfaces/UIConditionContext.html" class="tsd-kind-interface">UIConditionContext</a>.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">context</span>: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="../interfaces/UIConditionContext.html" class="tsd-signature-type tsd-kind-interface">UIConditionContext</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = {}</span></span><div class="tsd-comment tsd-typography"><p>an optional set of properties that overwrite properties of the
automatically determined context</p>
</div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">onShow</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">context</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/UIConditionContext.html" class="tsd-signature-type tsd-kind-interface">UIConditionContext</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=></span> <span class="tsd-signature-type">void</span></span><div class="tsd-comment tsd-typography"><p>a callback that is executed just before the new UI variant
is shown (if a switch is happening)</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L503">src/ts/UIManager.ts:503</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="switchtouivariant"><span>switch<wbr/>To<wbr/>Ui<wbr/>Variant</span><a href="#switchtouivariant" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="switchtouivariant-1"><span class="tsd-kind-call-signature">switchToUiVariant</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">uiVariant</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/UIVariant.html" class="tsd-signature-type tsd-kind-interface">UIVariant</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">onShow</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=></span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#switchtouivariant-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Switches to a UI variant from the list returned by <a href="#getuivariants" class="tsd-kind-method">getUiVariants</a>.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">uiVariant</span>: <a href="../interfaces/UIVariant.html" class="tsd-signature-type tsd-kind-interface">UIVariant</a></span><div class="tsd-comment tsd-typography"><p>the UI variant to switch to</p>
</div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">onShow</span>: <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=></span> <span class="tsd-signature-type">void</span></span><div class="tsd-comment tsd-typography"><p>a callback that is executed just before the new UI variant is shown</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L454">src/ts/UIManager.ts:454</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="localize"><code class="tsd-tag">Static</code><span>localize</span><a href="#localize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="localize-1"><span class="tsd-kind-call-signature">localize</span><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="#localizev">V</a> <span class="tsd-signature-keyword">extends</span> <a href="../types/CustomVocabulary.html" class="tsd-signature-type tsd-kind-type-alias">CustomVocabulary</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span><br/> <span class="tsd-kind-parameter">key</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">keyof</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#localizev">V</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../types/Localizer.html" class="tsd-signature-type tsd-kind-type-alias">Localizer</a><a href="#localize-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Exposes i18n.getLocalizer() function</p>
</div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span id="localizev"><span class="tsd-kind-type-parameter">V</span> <span class="tsd-signature-keyword">extends</span> <a href="../types/CustomVocabulary.html" class="tsd-signature-type tsd-kind-type-alias">CustomVocabulary</a><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">key</span>: <span class="tsd-signature-keyword">keyof</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#localizev">V</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../types/Localizer.html" class="tsd-signature-type tsd-kind-type-alias">Localizer</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L421">src/ts/UIManager.ts:421</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setlocalizationconfig"><code class="tsd-tag">Static</code><span>set<wbr/>Localization<wbr/>Config</span><a href="#setlocalizationconfig" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setlocalizationconfig-1"><span class="tsd-kind-call-signature">setLocalizationConfig</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">localizationConfig</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/LocalizationConfig.html" class="tsd-signature-type tsd-kind-interface">LocalizationConfig</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setlocalizationconfig-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Provide configuration to support Custom UI languages
default language: 'en'</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">localizationConfig</span>: <a href="../interfaces/LocalizationConfig.html" class="tsd-signature-type tsd-kind-interface">LocalizationConfig</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/bitmovin/bitmovin-player-ui/blob/c158eb7d6864d483ce3102eac3655a2d7f8c0123/src/ts/UIManager.ts#L429">src/ts/UIManager.ts:429</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#activeui"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>active<wbr/>Ui</span></a><a href="#onactiveuichanged"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Active<wbr/>Ui<wbr/>Changed</span></a><a href="#onuivariantresolve"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>on<wbr/>Ui<wbr/>Variant<wbr/>Resolve</span></a><a href="#uiwrapperelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>ui<wbr/>Wrapper<wbr/>Element</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#addtimelinemarker"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Timeline<wbr/>Marker</span></a><a href="#getconfig"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Config</span></a><a href="#getsubtitlesettingsmanager"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Subtitle<wbr/>Settings<wbr/>Manager</span></a><a href="#gettimelinemarkers"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Timeline<wbr/>Markers</span></a><a href="#getuivariants"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Ui<wbr/>Variants</span></a><a href="#release"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>release</span></a><a href="#removetimelinemarker"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Timeline<wbr/>Marker</span></a><a href="#resolveuivariant"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resolve<wbr/>Ui<wbr/>Variant</span></a><a href="#switchtouivariant"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>switch<wbr/>To<wbr/>Ui<wbr/>Variant</span></a><a href="#localize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>localize</span></a><a href="#setlocalizationconfig"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Localization<wbr/>Config</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">bitmovin-player-ui</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>