# Dolby OptiView Player > Dolby OptiView Player (formerly THEOplayer) enables you to deploy cutting-edge video playback experiences, efficiently and on any device, including on web, mobile, smart TVs, set-top-boxes and gaming consoles. ## Overview - [OptiView Player](https://docs-preview.optiview.dolby.com/pr-860/theoplayer.md) - [Changelog](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/changelog.md): Find out what's new in the OptiView Player. - [Connectors for THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors.md) - [THEOPlayer 🤝 Sideloaded TextTracks Samples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/sideloaded-texttracks/examples.md): We provide source code of two sample applications that illustrate how to use the connector with different package managers: - [@theoplayer/react-native-analytics-npaw](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/npaw/changelog.md): Find out what's new. - [THEOplayer React Native NPAW Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/npaw/getting-started.md): Set up your connector in just a few minutes! - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started.md): OptiView Player offers a rich portfolio of video SDKs for many platforms and frameworks across desktop, mobile and TV devices. - [How to update an SDK?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/how-to-update-a-sdk.md): This how-to guide describes how to update to a new version of the THEOplayer SDK. - [SDKs](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/introduction.md): Dolby OptiView Player provides a set of feature-rich video player software development kits (SDKs). - [OptiView Hosted Player](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/web/hosted-player.md): Dolby hosts a version of the OptiView video player that is configured with query parameters, for embedding in an iframe without hosting the player yourself. ## Web SDK: Overview - [OptiView Player Web SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/web.md) ## Web SDK: Getting started - [Getting started on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/getting-started.md): Dolby OptiView Player is the universal video player solution from Dolby. - [API examples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/api-examples.md): This page contains an overview of examples, demonstrating the capabilities of the THEOplayer API and custom JavaScript. With these examples, we try to explain the fundamentals of how to use our API: - [Getting started with Accessibility](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/getting-started-accessibility.md): Integrating accessibility features on the web is crucial to accommodating viewers with limitations, optimize the general viewer experience and maximize overall reach. - [How to implement Keyboard Hotkeys](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/how-to-implement-hotkeys.md): This how-to guide describes how you can implement keyboard shortcuts in THEOplayer. - [How to embed an iframe](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/how-can-we-embed-iframe.md): How to embed OptiView Player through an iframe on first-party and third-party domains. - [How to implement a seamless transition between videos?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/how-to-implement-seamless-transition.md): You may need an answer to this question if you want to play one video after the other without letting the user know the source has changed (to the user they will seem as if playing just one video). - [How to work around browser cache with new THEOplayer SDK libraries?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/how-to-work-around-browser-cache-with-new-license.md): In some cases you may experience problems related to cached versions of the THEOplayer library (e.g. - [How to customize quality selection and labels on the default UI (MP4)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/how-to-customize-quality-selection.md): Some of our customers prefer MP4 assets over HLS/MPEG-DASH ones. - [How to get frame-accurate currentTime display in the UI Control bar](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/how-to-get-frame-accurate-currentime-display.md): This article will show you how to display a frame-accurate currentTime on your THEOplayer instance UI control bar. - [How to play an LCEVC source with THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/how-to-play-an-lcevc-source-with-theoplayer.md): This article will show you how to play an LCEVC encoded source in THEOplayer. If you are not familiar with THEOplayer, - [How to use THEOplayer as a JavaScript module](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/how-to-use-javascript-module.md): As of THEOplayer 6.0, THEOplayer can also be used as - [How to use MultiView](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/how-to-use-multiview.md): This article will go over how to work with THEOplayer's MultiViewPlayer. As the setup is very similar to using - [Migrating to THEOplayer Web SDK 11.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/web/migrating-to-theoplayer-11.md): This article will guide you through updating to THEOplayer Web SDK version 11 (from version 10), - [Getting Started on webOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/webos/getting-started.md): This guide will help you integrate your Dolby OptiView Player SDK on webOS. - [Getting started on Tizen](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/tizen/getting-started.md): This how-to guide describes how to set up a Tizen application using the Dolby OptiView Player SDK on Tizen. - [Installing the Tizen developer tools](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/tizen/installing-tizen-studio.md): - Check if your device meets the Tizen developer tools prerequisites. - [Setting up a Tizen device for debugging](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/tizen/generating-a-certificate.md): Tizen requires a certificate to launch an application on a (physical) device. Below are the steps on how to create one: - [Deploying a test app on a physical Tizen device](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/tizen/setting-up-physical.md): Both the physical Tizen device as the development computer must be on the same network. - [Deploying a test app on a Tizen emulator](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/tizen/setting-up-emulator.md): We strongly recommend using a physical Tizen device. If this is not possible, using an emulator can be a back-up. - [Getting started with Angular](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/angular/getting-started.md): A brief guide on how to build a THEOplayer in an Angular environment. - [Getting started with React](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react/getting-started.md): There is a sample app using THEOplayer as a React component available on our GitHub. - [Getting started with NuxtJS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/nuxtjs/getting-started.md): This how-to guide describes how to integrate THEOplayer with NuxtJS framework. - [Getting started with VueJS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/vuejs/getting-started.md): This how-to guide describes how to integrate THEOplayer with VueJS framework. - [Getting started with AMP](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/amp/getting-started.md): A brief guide on how to build a THEOplayer in an AMP environment. - [Getting started with WordPress](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/wordpress/getting-started.md): WordPress is a popular CMS. Wikipedia writes that it was originally aimed at blogs, ## Web SDK: How-to guides - [Advertisements on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/introduction.md): We recommend starting with How to set up VAST and VMAP ads, - [Adblock detection on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/block-detection.md): Usage - [Customizing the ad overlay text on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/customizing-the-ad-overlay-text.md): CSAI integration - [How to set up VAST and VMAP ads on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/set-up-vast-and-vmap.md): The Web SDK currently supports 4 types of client-side ad integrations: - [Yospace on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/yospace.md): A demo for the Web SDK can be found here. - [How to display visual cues on the timeline to mark mid-rolls on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/visual-cues-for-mid-rolls.md): Prerequisites and limitations - [FreeWheel on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/freewheel.md): The FreeWheel integration is currently only available on the Web SDK. - [SpotX on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/spotx.md): The SpotX integration is currently only available on the Web SDK. - [Google Dynamic Ad Insertion (DAI) on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/google-dai.md): A demo can be found at https://demo.theoplayer.com/google-dai. - [Prebid.js on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/prebidjs.md): Code example - [Google IMA on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/google-ima.md): You're advised to read through How to set up VAST and VMAP ads first. - [How to subscribe to ad events on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/subscribe-to-ad-events.md): Subscribing to an event - [MediaTailor on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/mediatailor.md): Configuration - [Custom Server Side Ad Insertion on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ads/custom-ssai-integration.md): Integration ID - [Analytics on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/introduction.md): Integrations - [Moat on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/moat.md): Configuration - [Mux on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/mux.md): Connecting Mux to THEOplayer - [Youbora (NPAW Plugin) on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/youbora.md): Connecting Youbora to THEOplayer - [Agama on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/agama.md): Prerequisites - [Conviva on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/conviva.md): Usage - [Custom Analytics Integration on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/custom-analytics-integration.md): Prerequisites - [Adobe Analytics on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/adobe-analytics.md): Refer to the article on building a custom analytics integration for more information on how to build an integration on top of THEOplayer. - [MediaMelon SmartSight on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/mediamelon-smartsight.md): Connecting MediaMelon to THEOplayer - [Wicket Labs on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/wicket-labs.md): Connecting Wicket Labs with THEOplayer - [Tealium on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/tealium.md): Refer to the article on building a custom analytics integration for more information on how to build an integration on top of THEOplayer. - [Segment on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/segment.md): Refer to the article on building a custom analytics integration for more information on how to build an integration on top of THEOplayer. - [AdScript on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/adscript.md): Usage - [Comscore on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/comscore.md): Usage - [Gemius on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/gemius.md): Usage - [Nielsen on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/analytics/nielsen.md): Usage - [Chromecast on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/cast/chromecast/introduction.md): API - [Connecting from custom Sender applications on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/cast/chromecast/connecting-from-custom-sender-applications.md): Usage - [Debugging Chromecast on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/cast/chromecast/debugging.md): Step-by-step guide - [How to configure a different stream to Chromecast on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/cast/chromecast/how-to-configure-to-a-different-stream.md): ChromecastConnection API - [Sending messages from/to Sender to/from Receiver on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/cast/chromecast/sending-messages-from-to-sender-to-from-receiver.md): Send data to the receiver - [Pass subtitle selection on to Chromecast on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/cast/chromecast/pass-subtitle-section-on-to-chromecast.md): Solution - [Enable Chromecast on the Sender on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/cast/chromecast/enable-chromecast-on-the-sender.md): Prerequisites - [AirPlay on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/cast/airplay/introduction.md): How to enable AirPlay - [DRM on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/introduction.md): Integrations - [Arris Titanium on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/arris-titanium.md): Head to our page on DRM for more general information. - [Axinom on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/axinom.md): Head to our page on DRM for more general information. - [BuyDRM KeyOS on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/buydrm-keyos.md): Head to our page on DRM for more general information. - [castLabs DRMToday on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/castlabs-drmtoday.md): Head to our page on DRM for more general information. - [Comcast on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/comcast.md): Head to our page on DRM for more general information. - [EZDRM on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/ezdrm.md): Head to our page on DRM for more general information. - [Intertrust ExpressPlay on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/intertrust-expressplay.md): Head to our page on DRM for more general information. - [Irdeto on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/irdeto.md): Head to our page on DRM for more general information. - [Microsoft Azure on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/microsoft-azure.md): Head to our page on DRM for more general information. - [Nagra Conax Contego on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/nagra-conax-contego.md): Head to our page on DRM for more general information. - [Verimatrix MultiRights on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/verimatrix-multirights.md): Head to our page on DRM for more general information. - [Vimond on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/vimond.md): Head to our page on DRM for more general information. - [Vualto VuDRM on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/vualto-vudrm.md): Head to our page on DRM for more general information. - [Uplynk on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/uplynk.md): Important: Uplynk customers should configure DRM through the THEOplayer Uplynk integration. - [Xstream on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/xstream.md): Head to our page on DRM for more general information. - [Clear Key on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/clear-key.md): Head to our page on DRM for more general information. - [DoveRunner on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/doverunner.md): Head to our page on DRM for more general information. - [Multi-key HLS on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/drm/multikey-hls.md): A multi-key HLS stream will play in all web platforms that support MSE and either Widevine, PlayReady or FairPlay. - [Integrations on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/integrations/introduction.md): Related articles - [IRIS.TV on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/integrations/iris-tv.md): This guide describes how to do a - [Wowza Streaming Engine on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/integrations/wowza-streaming-engine/introduction.md) - [Wowza Streaming Engine SecureToken version 2 on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/integrations/wowza-streaming-engine/secure-token.md): An important aspect when generating the hash is that the client web server should generate the hash - [Deliver Low-Latency HLS live streams with Wowza Streaming Engine on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/integrations/wowza-streaming-engine/low-latency-hls.md): Configure THEOplayer to play your LL-HLS stream - [Media tracks on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/media-tracks/introduction.md): Related articles - [How to programmatically enable or disable audio tracks on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/media-tracks/enable-disable-audio-tracks.md): Usage - [How to programmatically detect audio tracks on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/media-tracks/detect-audio-tracks.md): Usage - [How to programmatically select a video track quality on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/media-tracks/select-video-track-quality.md): Usage - [How to programmatically detect video track qualities on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/media-tracks/detect-video-track-qualities.md): Usage - [How to start with a specific quality on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/media-tracks/start-with-specific-quality.md): Usage - [How to reduce data usage on mobile devices on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/media-tracks/reduce-data-usage.md): 1. Lower the target buffer - [How to programmatically detect video track quality changes on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/media-tracks/detect-video-track-quality-changes.md): Usage - [How to programmatically detect audio track changes on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/media-tracks/detect-audio-track-changes.md): Usage - [Miscellaneous on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/introduction.md) - [Related content on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/related-content.md): The related content feature adds a component to the default UI which enables viewers to navigate to related content. - [Social sharing on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/social-sharing.md): The social sharing feature adds a component to the default UI which enables viewers to share the page across media, - [Up next on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/up-next.md): The up next feature adds a component to the default UI which enables viewers to navigate to the upcoming asset, - [VR and 360° video on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/vr.md): 360-degree video is a type of video where every angle from a single viewpoint is recorded and can be played back. - [Web Audio on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/web-audio.md): THEOplayer integrates with the Web Audio API, - [Clipping on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/clipping.md): THEOplayer supports playing only a selected part of a video-on-demand stream, rather than playing it from start to finish. - [Picture-in-Picture on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/picture-in-picture.md): The Web SDK supports in-app Picture-in-Picture. Out-of-app Picture-in-Picture is not supported. - [HLS date ranges on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/hls-date-range.md): Enabling date ranges - [Preloading on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/preloading.md): Usage - [C2PA metadata on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/c2pa-metadata.md): C2PA (Coalition for Content Provenance and Authenticity) defines a standard for cryptographically signed provenance metadata, - [Context menu on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/context-menu/introduction.md): The default UI of the Web SDK shows a THEOplayer context menu when the viewer right-clicks the player. - [How to disable the right click on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/context-menu/disable-right-click.md): There are two ways to disable the right-click menu on the player. - [How to change the context menu on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/context-menu/change-context-menu.md): You may want to change the logo in the context menu, change the default text, or add some items. - [Errors on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/error/introduction.md): When a fatal playback issue occurs, THEOplayer's default UI overlays an error message on top of the video player. - [How to do error handling on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/error/error-handling.md): Event listener - [Error codes on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/miscellaneous/error/error-codes.md): Refer to "How to do error handling" to learn how to detect the "generic player error event". - [Network on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/network/introduction.md): The Web SDK exposes this API through player.network. - [How to add and remove request and response interceptors on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/network/request-response-interceptors.md): Interceptors are kept in a stack: the interceptor which was added last is the first one to intercept. - [Player on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/player/introduction.md): Events - [How do you know when a stream or an advertisement is playing on Web?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/player/detect-stream-or-ad-playing.md): Usage - [How to measure the time-to-first-frame on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/player/measure-time-to-first-frame.md): Usage - [How to track the first play(ing) event on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/player/track-first-playing-event.md): Usage - [How to track player states on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/player/track-player-states.md): Implementation - [Text tracks on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/text-tracks/introduction.md): Related articles - [How to dynamically change the visible captions on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/text-tracks/change-visible-captions.md): Usage - [How to programmatically detect text tracks on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/text-tracks/detect-text-tracks.md): Usage - [How to programmatically enable or disable text tracks on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/text-tracks/enable-disable-text-tracks.md): Usage - [How to insert subtitles on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/text-tracks/insert-subtitles.md): Usage - [How to implement preview thumbnails on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/text-tracks/preview-thumbnails.md): Usage - [How to track ID3 cues and tags on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/text-tracks/track-id3-cues.md): Listening for timed metadata events - [How to programmatically detect text track changes on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/text-tracks/detect-text-track-changes.md): Usage - [How to detect active text track cues on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/text-tracks/detect-active-text-track-cues.md): Implementation for subtitles and closed captions - [UI on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/introduction.md): Default UI versus chromeless UI - [How to build a chromeless UI on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/build-chromeless-ui.md): Creating a chromeless player instance - [UI skinning on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/ui-skinning.md): THEOplayer allows you to style the player to your own needs. This guide will give an in-depth explanation of which colors can be changed and which parts of the player are affected. - [How to remove an element from the UI on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/remove-ui-element.md): Code examples - [How to insert a button on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/insert-a-button.md): This article provides information on how developers can add custom buttons to THEOplayer's default UI. - [How to change the big play button on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/change-big-play-button.md): The question above is typically asked by developers who want to increase/decrease the size, set a different image instead, or introduce on-hover behavior. - [How to keep the control bar always visible on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/keep-control-bar-visible.md): The question above is typically asked by developers who want to be able to see the control bar at all times without having to continuously move the cursor over it (or tap the screen). - [How to detect the visibility of the control bar on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/detect-control-bar-visibility.md): This question is typically asked by developers that want to insert a custom element that should - [How to align the timeline in the middle on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/align-timeline.md): This question is asked when developers want to change the appearance of the current time digits and duration digits in the seekbar. - [How to customize the volume slider on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/vertical-volume-slider.md): This article provides information regarding the implementation of a vertical volume slider instead of the default horizontal one. - [How to change the UI language on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/change-ui-language.md): This article describes how to change the default UI language to other. - [How to customize the UI during ad playback on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/customize-ui-during-ad-playback.md): This how-to guide describes how to customize the look and feel of the player when an advertisement is playing. We will be leveraging mainly some event listeners and CSS. - [How to hide the Google IMA UI on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/hide-google-ima-ui.md): You may want to know which controls are visible to the viewer during ads, so you can use your own UI elements instead. - [How to change how a video should fit inside a container on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/change-video-fit.md): Implementation - [How to make an audio-only player on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/audio-only-player.md): This article tells you how to manipulate THEOplayer to make an audio-only interface, using only CSS and JavaScript. - [How to disable click to pause on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/ui/disable-click-to-pause.md): When you use the default UI of THEOplayer you can pause (and resume) the video by clicking anywhere on the video (except in the control bar). - [License on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/license/introduction.md): Passing the license through the player configuration - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/uplynk/introduction.md): THEOplayer and Uplynk are partners in the streaming industry. Uplynk offers services like encoding, transcoding, server-side ad-insertion, a CDN and more. - [Preplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/uplynk/preplay.md): This article explains how to leverage the Uplynk Preplay API through THEOplayer. This API allows developers to pre-integrate with Uplynk's Preplay service. - [Uplynk Ads](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/uplynk/ads.md): Uplynk offers support for server-side ad-insertion (SSAI). - [Ping](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/uplynk/ping.md): This article explains how to use Uplynk's Ping API. - [Uplynk configuration](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/uplynk/configuration.md): This article explains what is possible with an Uplynk configuration when setting up a THEOplayer instance. - [Uplynk interface](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/uplynk/interface.md): This article explains how developers can hook into the Uplynk interface. - [Getting started with CMCD on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/cmcd/getting-started.md): Request Mode - [MPEG-DASH Content Steering](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/content-steering/mpeg-dash-content-steering.md): This guide shows you how to use MPEG-DASH Content Steering in the THEOplayer Web SDK. - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/theolive/getting-started.md): Usage - [Basic Playback Guide](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/theolive/basic-playback-guide.md): After following our Getting Started on Web guide or the Player Setup section below, you will be ready to programmatically perform common playback actions. - [Airplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/theolive/casting/airplay.md): OptiView Live streams have support for Airplay. However, a limitation for now is that the latency is higher while casting (about 12 seconds). - [Chromecast](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/theolive/casting/chromecast.md): OptiView Live streams have support for Chromecast. However, a limitation for now is that the latency is higher while casting (about 12 seconds). - [Metadata](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/theolive/metadata.md): User-data-unregistered SEI and API push - [Token based security](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/theolive/token-based-security.md): OptiView Live offers the option to enable JWT token security on a distribution (formerly referred to as an alias) level. This can be interesting if you only want valid users to access your stream. - [Migrating from deprecated THEOlive player to THEOplayer on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/web/theolive/migrating-from-theolive-player.md): The goal of this guide is to help you migrate from the deprecated theolive player to the recommended THEOplayer. ## Web SDK: Examples - [Examples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/examples.md): See the player in action! - [Basic player](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/examples/basic.md): Code ## Web SDK: Connectors - [Connectors for THEOplayer Web SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web.md) - [adscript-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/adscript/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/adscript-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/adscript/changelog.md): Find out what's new. - [cmcd-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/cmcd/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/cmcd-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/cmcd/changelog.md): Find out what's new. - [comscore-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/comscore/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/comscore-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/comscore/changelog.md): Find out what's new. - [conviva-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/conviva/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/conviva-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/conviva/changelog.md): Find out what's new. - [gemius-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/gemius/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/gemius-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/gemius/changelog.md): Find out what's new. - [Nielsen Web Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/nielsen/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/nielsen-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/nielsen/changelog.md): Find out what's new. - [yospace-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/yospace/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/yospace-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/web/yospace/changelog.md): Find out what's new. ## Android SDK: Overview - [OptiView Player Android SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/android.md) ## Android SDK: Getting started - [Getting started on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/android/getting-started.md): Add THEOplayer and Kotlin libraries to your application - [Getting started with the Android UI](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/android/getting-started-with-the-open-source-android-ui.md): For the most up-to-date information about our new open source, fully native Android UI, - [Android Feature Integrations](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/android/features.md): Modularization - [Migrating to THEOplayer Android SDK 11.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/android/migrating-to-theoplayer-11.md): This article will guide you through updating to THEOplayer Android SDK version 11 (from version 10), ## Android SDK: How-to guides - [Advertisements on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/introduction.md): We recommend starting with How to set up VAST and VMAP ads, - [Customizing the ad overlay text on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/customizing-the-ad-overlay-text.md): Google IMA/DAI - [How to set up VAST and VMAP ads on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/set-up-vast-and-vmap.md): On Android, client-side advertisements are scheduled through the Google IMA ad integration, - [Yospace on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/yospace.md): Usage - [Google Dynamic Ad Insertion (DAI) on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/google-dai.md): Using Google DAI in the Android SDK consists of 3 steps. - [Prebid.js on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/prebidjs.md): Code example - [Google IMA on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/google-ima.md): Using Google IMA in the Android SDK consists of 3 steps: - [How to subscribe to ad events on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/subscribe-to-ad-events.md): Subscribing to an event - [MediaTailor on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/mediatailor.md): Configuration - [Custom Server Side Ad Insertion on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ads/custom-ssai-integration.md): Integration ID - [Analytics on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/introduction.md): Integrations - [Mux on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/mux.md): Connecting Mux to THEOplayer - [Youbora (NPAW Plugin) on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/youbora.md): Connecting Youbora to THEOplayer - [Conviva on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/conviva.md): Usage - [Custom Analytics Integration on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/custom-analytics-integration.md): Prerequisites - [Adobe Analytics on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/adobe-analytics.md): Refer to the article on building a custom analytics integration for more information on how to build an integration on top of THEOplayer. - [MediaMelon SmartSight on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/mediamelon-smartsight.md): Connecting MediaMelon to THEOplayer - [Wicket Labs on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/wicket-labs.md): Connecting Wicket Labs with THEOplayer - [Tealium on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/tealium.md): Refer to the article on building a custom analytics integration for more information on how to build an integration on top of THEOplayer. - [Segment on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/segment.md): Refer to the article on building a custom analytics integration for more information on how to build an integration on top of THEOplayer. - [Comscore on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/comscore.md): Usage - [Nielsen on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/analytics/nielsen.md): Usage - [Chromecast on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/cast/chromecast/introduction.md): API - [Connecting from custom Sender applications on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/cast/chromecast/connecting-from-custom-sender-applications.md): Usage - [How to configure a different stream to Chromecast on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/cast/chromecast/how-to-configure-to-a-different-stream.md): ChromecastConnection API - [Sending messages from/to Sender to/from Receiver on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/cast/chromecast/sending-messages-from-to-sender-to-from-receiver.md): Send data to the receiver - [Pass subtitle selection on to Chromecast on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/cast/chromecast/pass-subtitle-section-on-to-chromecast.md): Solution - [Enable Chromecast on the Sender on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/cast/chromecast/enable-chromecast-on-the-sender.md): Chromecast support is not available for the Android TV and Fire TV SDKs. - [DRM on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/introduction.md): Integrations - [Arris Titanium on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/arris-titanium.md): Head to our page on DRM for more general information. - [Axinom on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/axinom.md): Head to our page on DRM for more general information. - [BuyDRM KeyOS on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/buydrm-keyos.md): Head to our page on DRM for more general information. - [castLabs DRMToday on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/castlabs-drmtoday.md): Head to our page on DRM for more general information. - [EZDRM on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/ezdrm.md): Head to our page on DRM for more general information. - [Intertrust ExpressPlay on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/intertrust-expressplay.md): Head to our page on DRM for more general information. - [Irdeto on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/irdeto.md): Head to our page on DRM for more general information. - [Microsoft Azure on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/microsoft-azure.md): Head to our page on DRM for more general information. - [Nagra Conax Contego on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/nagra-conax-contego.md): Head to our page on DRM for more general information. - [Verimatrix MultiRights on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/verimatrix-multirights.md): Head to our page on DRM for more general information. - [Vimond on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/vimond.md): Head to our page on DRM for more general information. - [Vualto VuDRM on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/vualto-vudrm.md): Head to our page on DRM for more general information. - [Uplynk on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/uplynk.md): Important: Uplynk customers should configure DRM through the THEOplayer Uplynk connector for Android. - [Xstream on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/xstream.md): Head to our page on DRM for more general information. - [Clear Key on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/clear-key.md): Head to our page on DRM for more general information. - [DoveRunner on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/doverunner.md): Head to our page on DRM for more general information. - [Multi-key HLS on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/multikey-hls.md): A multi-key HLS stream will play on all Android platforms, using either the Widevine or the PlayReady key from the playlist. - [Offline DRM on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/offline-drm.md): This how-to guide describes how to implement playback of downloadable content-protected MPEG-DASH using the THEOplayer Android SDK. - [Customizing offline DRM notifications on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/drm/offline-drm-notifications.md): Head to our page on offline DRM for more general information. - [Integrations on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/integrations/introduction.md): Related articles - [Wowza Streaming Engine on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/integrations/wowza-streaming-engine/introduction.md) - [Deliver Low-Latency HLS live streams with Wowza Streaming Engine on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/integrations/wowza-streaming-engine/low-latency-hls.md): Configure THEOplayer to play your LL-HLS stream - [Media tracks on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media-tracks/introduction.md): Related articles - [How to programmatically enable or disable audio tracks on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media-tracks/enable-disable-audio-tracks.md): Usage - [How to programmatically detect audio tracks on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media-tracks/detect-audio-tracks.md): Usage - [How to programmatically select a video track quality on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media-tracks/select-video-track-quality.md): Usage - [How to programmatically detect video track qualities on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media-tracks/detect-video-track-qualities.md): Usage - [How to start with a specific quality on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media-tracks/start-with-specific-quality.md): Usage - [How to reduce data usage on mobile devices on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media-tracks/reduce-data-usage.md): 1. Lower the target buffer - [How to programmatically detect video track quality changes on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media-tracks/detect-video-track-quality-changes.md): Usage - [How to programmatically detect audio track changes on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media-tracks/detect-audio-track-changes.md): Usage - [Miscellaneous on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/miscellaneous/introduction.md) - [Picture-in-Picture on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/miscellaneous/picture-in-picture.md): On Android and Fire TV, there is no API to explicitly only allow in-app Picture-in-Picture: - [HLS date ranges on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/miscellaneous/hls-date-range.md): Enabling date ranges - [Preloading on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/miscellaneous/preloading.md): Usage - [Errors on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/miscellaneous/error/introduction.md): Related resources - [How to do error handling on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/miscellaneous/error/error-handling.md): Event listener - [Error codes on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/miscellaneous/error/error-codes.md): Refer to "How to do error handling" to learn how to detect the "generic player error event". - [Network on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/network/introduction.md): The Android SDK exposes this API through player.network. - [How to add and remove request and response interceptors on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/network/request-response-interceptors.md): Prerequisites - [Player on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/player/introduction.md): Events - [How do you know when a stream or an advertisement is playing on Android?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/player/detect-stream-or-ad-playing.md): Usage - [How to measure the time-to-first-frame on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/player/measure-time-to-first-frame.md): Usage - [How to track the first play(ing) event on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/player/track-first-playing-event.md): Usage - [How to track player states on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/player/track-player-states.md): Implementation - [Text tracks on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/text-tracks/introduction.md): Related articles - [How to dynamically change the visible captions on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/text-tracks/change-visible-captions.md): Usage - [How to programmatically detect text tracks on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/text-tracks/detect-text-tracks.md): Usage - [How to programmatically enable or disable text tracks on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/text-tracks/enable-disable-text-tracks.md): Usage - [How to insert subtitles on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/text-tracks/insert-subtitles.md): Usage - [How to implement preview thumbnails on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/text-tracks/preview-thumbnails.md): Usage - [How to track ID3 cues and tags on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/text-tracks/track-id3-cues.md): Listening for timed metadata events - [How to programmatically detect text track changes on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/text-tracks/detect-text-track-changes.md): Usage - [How to detect active text track cues on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/text-tracks/detect-active-text-track-cues.md): Implementation for subtitles and closed captions - [UI on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ui/introduction.md): Open Video UI for Android - [How to build a chromeless UI on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ui/build-chromeless-ui.md): Creating a chromeless player instance - [How to change how a video should fit inside a container on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/ui/change-video-fit.md): Implementation - [License on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/license/introduction.md): Passing the license through the player configuration - [Getting started with CMCD on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/cmcd/getting-started.md): Request Mode - [Media3 pipeline for Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/media3/getting-started.md): The THEOplayer Android Media3 pipeline is a new and rebuilt base layer for playback of video and audio files for the THEOplayer Android SDK. - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/theolive/getting-started.md): To begin with the Dolby OptiView platform please review our guide for getting started with OptiView Streaming. - [Token based security](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/theolive/token-based-security.md): OptiView Live offers the option to enable JWT token security on a distribution (formerly referred to as an alias) level. This can be interesting if you only want valid users to access your stream. - [Metadata](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/android/theolive/metadata.md): User-data-unregistered SEI and API push ## Android SDK: Connectors - [Connectors for THEOplayer Android SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android.md) - [THEOplayer Android Comscore Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/comscore/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Android SDK Conviva Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/conviva/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Android SDK Nielsen Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/nielsen/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Media Session Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/mediasession/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Yospace Connector for Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/yospace/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Uplynk Connector for Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/uplynk/getting-started.md): Set up your connector in just a few minutes! - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/uplynk/introduction.md): THEOplayer and Uplynk are partners in the streaming industry. The Uplynk Platform offers services like encoding, transcoding, server-side ad-insertion, a CDN and more. - [Preplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/uplynk/preplay.md): This article explains how to leverage the Uplynk Preplay API through THEOplayer. This API allows developers to pre-integrate with Uplynk Preplay service. - [Uplynk Ads](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/uplynk/ads.md): Uplynk offers support for server-side ad-insertion or in-short SSAI. - [Ping](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/android/uplynk/ping.md): This article explains how to use the Uplynk Ping API. ## iOS & tvOS SDK: Overview - [OptiView Player iOS & tvOS SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/ios.md) ## iOS & tvOS SDK: Getting started - [Getting started on iOS/tvOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/ios/getting-started.md): Introduction - [THEOplayer iOS/tvOS 5.0 Feature Integrations](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/ios/features.md): Modularization - [Migrating to THEOplayer iOS/tvOS SDK 11.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/ios/migrating-to-theoplayer-11.md): This article will guide you through updating to THEOplayer iOS/tvOS SDK version 11 (from version 10), ## iOS & tvOS SDK: How-to guides - [Advertisements on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ads/introduction.md): We recommend starting with How to set up VAST and VMAP ads, - [Customizing the ad overlay text on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ads/customizing-the-ad-overlay-text.md): Google IMA/DAI - [How to set up VAST and VMAP ads on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ads/set-up-vast-and-vmap.md): On iOS and tvOS, client-side advertisements are scheduled through the Google IMA ad integration, - [Yospace on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ads/yospace.md): Usage - [Google Dynamic Ad Insertion (DAI) on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ads/google-dai.md): Prerequisites - [Prebid.js on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ads/prebidjs.md): Code example - [Google IMA on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ads/google-ima.md): To use Google IMA with the THEOplayer iOS SDK, the THEOplayer GoogleIMA Integration should be integrated. - [How to subscribe to ad events on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ads/subscribe-to-ad-events.md): Subscribing to an event - [Custom Server Side Ad Insertion on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ads/custom-ssai-integration.md): Integration ID - [Analytics on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/introduction.md): Integrations - [Mux on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/mux.md): Connecting Mux to THEOplayer - [Youbora (NPAW Plugin) on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/youbora.md): Connecting Youbora to THEOplayer - [Conviva on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/conviva.md): Usage - [Custom Analytics Integration on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/custom-analytics-integration.md): Prerequisites - [Adobe Analytics on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/adobe-analytics.md): Refer to the article on building a custom analytics integration for more information on how to build an integration on top of THEOplayer. - [MediaMelon SmartSight on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/mediamelon-smartsight.md): Connecting MediaMelon to THEOplayer - [Wicket Labs on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/wicket-labs.md): Connecting Wicket Labs with THEOplayer - [Tealium on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/tealium.md): Refer to the article on building a custom analytics integration for more information on how to build an integration on top of THEOplayer. - [Segment on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/segment.md): Refer to the article on building a custom analytics integration for more information on how to build an integration on top of THEOplayer. - [Comscore on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/comscore.md): Usage - [Nielsen on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/analytics/nielsen.md): Usage - [Chromecast on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/cast/chromecast/introduction.md): To use Google Cast, also known as Chromecast, with the THEOplayer iOS SDK, the THEOplayer GoogleCast Integration should be integrated. - [Connecting from custom Sender applications on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/cast/chromecast/connecting-from-custom-sender-applications.md): Usage - [How to configure a different stream to Chromecast on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/cast/chromecast/how-to-configure-to-a-different-stream.md): ChromecastConnection API - [Sending messages from/to Sender to/from Receiver on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/cast/chromecast/sending-messages-from-to-sender-to-from-receiver.md): Send data to the receiver - [Pass subtitle selection on to Chromecast on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/cast/chromecast/pass-subtitle-section-on-to-chromecast.md): Solution - [Enable Chromecast on the Sender on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/cast/chromecast/enable-chromecast-on-the-sender.md): Prerequisites - [AirPlay on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/cast/airplay/introduction.md): How to enable AirPlay - [DRM on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/introduction.md): Integrations - [Arris Titanium on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/arris-titanium.md): Head to our page on DRM for more general information. - [Axinom on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/axinom.md): Head to our page on DRM for more general information. - [BuyDRM KeyOS on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/buydrm-keyos.md): Head to our page on DRM for more general information. - [castLabs DRMToday on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/castlabs-drmtoday.md): Head to our page on DRM for more general information. - [EZDRM on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/ezdrm.md): Head to our page on DRM for more general information. - [Intertrust ExpressPlay on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/intertrust-expressplay.md): Head to our page on DRM for more general information. - [Irdeto on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/irdeto.md): Head to our page on DRM for more general information. - [Microsoft Azure on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/microsoft-azure.md): Head to our page on DRM for more general information. - [Verimatrix MultiRights on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/verimatrix-multirights.md): Head to our page on DRM for more general information. - [Vimond on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/vimond.md): Head to our page on DRM for more general information. - [Vualto VuDRM on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/vualto-vudrm.md): Head to our page on DRM for more general information. - [Uplynk on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/uplynk.md): Important: Uplynk customers should configure DRM through the THEOplayer Uplynk connector for iOS. - [Xstream on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/xstream.md): Head to our page on DRM for more general information. - [DoveRunner on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/doverunner.md): Head to our page on DRM for more general information. - [Multi-key HLS on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/multikey-hls.md): A multi-key HLS stream will play on all iOS and tvOS platforms, using the FairPlay key from the playlist. - [Offline DRM on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/drm/offline-drm.md): Prerequisites - [Integrations on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/integrations/introduction.md): Related articles - [Wowza Streaming Engine on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/integrations/wowza-streaming-engine/introduction.md) - [Deliver Low-Latency HLS live streams with Wowza Streaming Engine on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/integrations/wowza-streaming-engine/low-latency-hls.md): Configure THEOplayer to play your LL-HLS stream - [Media tracks on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/media-tracks/introduction.md): Related articles - [How to programmatically enable or disable audio tracks on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/media-tracks/enable-disable-audio-tracks.md): Usage - [How to programmatically detect audio tracks on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/media-tracks/detect-audio-tracks.md): Usage - [How to programmatically select a video track quality on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/media-tracks/select-video-track-quality.md): Usage for HESP streams - [How to programmatically detect video track qualities on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/media-tracks/detect-video-track-qualities.md): Usage - [How to reduce data usage on mobile devices on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/media-tracks/reduce-data-usage.md): 1. Lower the target buffer - [How to programmatically detect video track quality changes on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/media-tracks/detect-video-track-quality-changes.md): Usage - [How to programmatically detect audio track changes on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/media-tracks/detect-audio-track-changes.md): Usage - [Miscellaneous on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/miscellaneous/introduction.md) - [Picture-in-Picture on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/miscellaneous/picture-in-picture.md): iOS supports both in-app and out-of-app Picture-in-Picture. tvOS only supports in-app Picture-in-Picture. - [HLS date ranges on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/miscellaneous/hls-date-range.md): Enabling date ranges - [Preloading on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/miscellaneous/preloading.md): Usage - [How to save the progress of a caching task on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/miscellaneous/save-caching-task-progress.md): The THEOplayer iOS SDK provides the capability to pause an ongoing caching task. - [Errors on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/miscellaneous/error/introduction.md): Related resources - [How to do error handling on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/miscellaneous/error/error-handling.md): Event listener - [Error codes on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/miscellaneous/error/error-codes.md): Refer to "How to do error handling" to learn how to detect the "generic player error event". - [Network on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/network/introduction.md): The iOS SDK exposes this API through NetworkAPI, available on player.network. - [How to add and remove request and response interceptors on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/network/request-response-interceptors.md): On iOS, you intercept the requests and responses of HLS playlists with a - [Player on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/player/introduction.md): Events - [How do you know when a stream or an advertisement is playing on iOS?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/player/detect-stream-or-ad-playing.md): Usage - [How to measure the time-to-first-frame on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/player/measure-time-to-first-frame.md): Usage - [How to track the first play(ing) event on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/player/track-first-playing-event.md): Usage - [How to track player states on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/player/track-player-states.md): Implementation - [Text tracks on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/text-tracks/introduction.md): Related articles - [How to dynamically change the visible captions on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/text-tracks/change-visible-captions.md): Usage - [How to programmatically detect text tracks on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/text-tracks/detect-text-tracks.md): Usage - [How to programmatically enable or disable text tracks on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/text-tracks/enable-disable-text-tracks.md): Usage - [How to insert subtitles on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/text-tracks/insert-subtitles.md): Prerequisites - [How to implement preview thumbnails on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/text-tracks/preview-thumbnails.md): Usage - [How to track ID3 cues and tags on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/text-tracks/track-id3-cues.md): Listening for timed metadata events - [How to programmatically detect text track changes on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/text-tracks/detect-text-track-changes.md): Usage - [How to detect active text track cues on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/text-tracks/detect-active-text-track-cues.md): Implementation for subtitles and closed captions - [UI on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ui/introduction.md): Implement a chromeless UI - [How to build a chromeless UI on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ui/build-chromeless-ui.md): Creating a chromeless player instance - [How to change how a video should fit inside a container on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/ui/change-video-fit.md): Implementation - [License on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/license/introduction.md): Passing the license through the player configuration - [Getting started with CMCD on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/cmcd/getting-started.md): Request Mode - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/theolive/getting-started.md): Usage - [Metadata](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/ios/theolive/metadata.md): User-data-unregistered SEI and API push ## iOS & tvOS SDK: Connectors - [Connectors for THEOplayer iOS & tvOS SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios.md) - [THEOPlayer 🤝 Comscore](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/comscore/getting-started.md): Set up your connector in just a few minutes! - [THEOPlayer 🤝 Comscore Samples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/comscore/examples.md): We provide source code of two sample applications that illustrate how to use the connector with different package managers: - [THEOPlayer 🤝 Conviva](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/conviva/getting-started.md): Set up your connector in just a few minutes! - [THEOPlayer 🤝 Conviva Samples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/conviva/examples.md): We provide source code of two sample applications that illustrate how to use the connector with different package managers: - [THEOPlayer 🤝 Nielsen](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/nielsen/getting-started.md): Set up your connector in just a few minutes! - [THEOPlayer 🤝 Yospace](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/yospace/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer ❤️ Sideloaded Subtitles](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/sideloaded-texttracks/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer 🤝 Uplynk](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/uplynk/getting-started.md): Set up your connector in just a few minutes! - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/uplynk/introduction.md): THEOplayer and Uplynk are partners in the streaming industry. The Uplynk Platform offers services like encoding, transcoding, server-side ad-insertion, a CDN and more. - [Preplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/uplynk/preplay.md): This article explains how to leverage the Uplynk Preplay API through THEOplayer. This API allows developers to pre-integrate with Uplynk Preplay service. - [Uplynk Ads](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/uplynk/ads.md): Uplynk offers support for server-side ad-insertion or in-short SSAI. - [Ping](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/uplynk/ping.md): This article explains how to use the Uplynk Ping API. - [THEOPlayer 🤝 Uplynk Samples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/uplynk/examples.md): A sample application that illustrate how to use the connector: - [Changelog](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/ios/changelog.md): Find out what's new. ## React Native SDK: Overview - [OptiView Player React Native SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/react-native.md) - [Changelog](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/changelog/react-native.md): Find out what's new in the OptiView Player. ## React Native SDK: Getting started - [Getting started with React Native THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/getting-started.md): The react-native-theoplayer package provides a THEOplayerView component supporting video playback on the - [Creating a minimal demo app](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/creating-minimal-app.md): In this section we start from an empty React Native template, include a dependency to react-native-theoplayer, - [The THEOplayerView Component](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/theoplayerview-component.md): THEOplayer React native SDK is an NPM package, which exposes the THEOplayerView component that can be added to your - [Example Application](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/example-app.md): The example application on our react-native-theoplayer - [Adaptive Bitrate (ABR)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/abr.md): Overview - [Advertisements](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/ads.md): Overview - [Audio Control Management on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/audio-control.md): Overview - [Background Playback and Notifications](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/background.md): Overview - [Casting with Chromecast and Airplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/cast.md): Overview - [Getting started with CMCD on React Native](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/cmcd.md): Media player clients can transmit useful information to Content Delivery Networks (CDNs) with each object request. - [Digital Rights Management (DRM)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/drm.md): Overview - [Expo](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/expo.md): Overview - [A Fullscreen Video Player Component](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/fullscreen.md): Fullscreen Video on Web platforms - [Limitations and Known Issues](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/limitations.md): This sections lists any limitations and known issues in the current package version. - [Media Cache](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/media-caching.md): Overview - [Android Media3 Pipeline](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/media3.md): Overview - [Media Control API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/mediacontrol.md): Our Media Control API provides a unified way to customise the behaviour of the different media playback controls and media sessions across platforms (iOS, Android, and Web). - [Migrating to THEOplayer React Native SDK 10.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/migrating-to-react-native-theoplayer-10.md): This article will guide you through updating to THEOplayer React Native SDK version 10 (from version 9), - [Migrating to THEOplayer React Native SDK 11.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/migrating-to-react-native-theoplayer-11.md): This article will guide you through updating to THEOplayer React Native SDK version 11 (from version 10), - [Migrating to THEOplayer React Native SDK 9.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/migrating-to-react-native-theoplayer-9.md): This article will guide you through updating to THEOplayer React Native SDK version 9 (from version 8), - [Getting started with Millicast on React Native](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/millicast.md): Dolby Millicast delivers broadcast quality live streaming - [Picture-in-Picture (PiP)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/pip.md): Overview - [Subtitles, Closed Captions and Metadata tracks](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/react-native/texttracks.md): THEOplayer's TextTrack api gives developers the capability to manage and manipulate various types of text-based content. ## React Native SDK: How-to guides - [Integrations on React Native](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/react-native/integrations/introduction.md): Related articles - [Wowza Streaming Engine on React Native](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/react-native/integrations/wowza-streaming-engine/introduction.md) - [Deliver Low-Latency HLS live streams with Wowza Streaming Engine on React Native](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/react-native/integrations/wowza-streaming-engine/low-latency-hls.md): Configure THEOplayer to play your LL-HLS stream - [License on React Native](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/react-native/license/introduction.md): Passing the license through the player configuration - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/react-native/theolive/getting-started.md): Usage - [Token based security](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/react-native/theolive/token-based-security.md): OptiView Live offers the option to enable JWT token security on channel distribution level. This can be interesting if you only want valid users to access your stream. ## React Native SDK: Connectors - [Connectors for THEOplayer React Native SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native.md) - [THEOplayer React-Native Adobe Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/adobe/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-adobe](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/adobe/changelog.md): Find out what's new. - [THEOplayer React-Native Adobe Edge Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/adobe-edge/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-adobe-edge](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/adobe-edge/changelog.md): Find out what's new. - [THEOplayer React-Native AdScript Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/adscript/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-adscript](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/adscript/changelog.md): Find out what's new. - [THEOplayer React-Native Agama Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/agama/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-agama](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/agama/changelog.md): Find out what's new. - [THEOplayer React-Native Bitmovin Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/bitmovin/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-bitmovin](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/bitmovin/changelog.md): Find out what's new. - [THEOplayer React-Native Comscore Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/comscore/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-comscore](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/comscore/changelog.md): Find out what's new. - [THEOplayer React-Native Conviva Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/conviva/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-conviva](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/conviva/changelog.md): Find out what's new. - [React Native THEOplayer DRM](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/drm/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-drm](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/drm/changelog.md): Find out what's new. - [THEOplayer React-Native Engage Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/engage/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-engage](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/engage/changelog.md): Find out what's new. - [THEOplayer React-Native Gemius Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/gemius/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-gemius](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/gemius/changelog.md): Find out what's new. - [THEOplayer React-Native Mux Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/mux/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-mux](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/mux/changelog.md): Find out what's new. - [THEOplayer React-Native Nielsen Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/nielsen/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-nielsen](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/nielsen/changelog.md): Find out what's new. - [THEOplayer React-Native Yospace Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/yospace/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-yospace](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/yospace/changelog.md): Find out what's new. - [THEOplayer React-Native Youbora Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/youbora/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-youbora](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/react-native/youbora/changelog.md): Find out what's new. ## Flutter SDK: Overview - [OptiView Player Flutter SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter.md) - [THEOplayer Flutter SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/frameworks/flutter/getting-started.md): Set up your first OptiView Player in just a few minutes! - [Changelog](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/changelog.md): Find out what's new in the OptiView Player. ## Flutter SDK: How-to guides - [Adaptive Bitrate (ABR)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/abr.md): Overview - [Creating a minimal demo app](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/creating-minimal-app.md): In this section we start from an empty Flutter project, include a dependency to fluttertheoplayersdk, and deploy it on an Android or iOS device. - [Custom branches](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/custom-branches.md): THEOplayer Flutter SDK is built on top of the existing THEOplayer iOS, Android, and Web SDKs. However, not all native SDK features are available in Flutter from the start. - [Using a custom DRM integration](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/custom_drm.md): The initial version of the THEOplayer Flutter SDK only support generic Widevine and Fairplay DRM playback. - [Debug Flags (Experimental)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/debug-flags.md): Overview - [Limitations and Known Issues](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/limitations.md): This sections lists any limitations and known issues in the current package version. - [Migration Guide: From THEOplayer Flutter SDK 10.x to 11.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/migrations/migration_from_10.x_to_11.x.md): This guide covers the breaking changes introduced by updating the underlying native THEOplayer SDKs to 11.1.0. - [Migration Guide: From THEOplayer Flutter SDK 9.x to 10.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/migrations/migration_from_9.x_to_10.x.md): This guide covers the breaking changes introduced when renaming "publication"-related APIs to "distribution" for consistency and clarity. - [Picture-in-Picture support](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/picture-in-picture.md): THEOplayer Flutter SDK supports native Picture-in-Picture on iOS, Android and Web platforms. - [THEOlive support](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/theolive.md): High-quality synchronized video streaming at scale for providers of large sports broadcasting, sports betting, and interactive entertainment - [The THEOplayer component](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/theoplayer-component.md): Architecture - [WASM support (experimental)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/flutter/guides/wasm_support.md): When compiling the THEOplayer Flutter SDK for WEB, you can now specify WASM support. - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/flutter/theolive/getting-started.md): Usage - [Basic Playback Guide](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/flutter/theolive/basic-playback-guide.md): After following our Getting Started with Flutter guide or the Player Setup section below, you will be ready to programmatically perform common playback actions. These include increasing/decreasing ## Chromecast SDK: Overview - [OptiView Player Chromecast SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/chromecast.md) ## Chromecast SDK: Getting started - [Getting started on Chromecast](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/chromecast/getting-started.md): This how-to guide describes how to set up a Chromecast Receiver application using the Dolby OptiView Player SDK. - [Chromecast Application Customization](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/chromecast/chromecast-app-customization.md): This article provides information on how to customize the look and feel of a Chromecast Sender application or a Chromecast Receiver Application. ## Roku SDK: Overview - [OptiView Player Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/roku.md) - [Player API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/api-reference/roku.md): Discover all properties and functions of THEOplayer. ## Roku SDK: Getting started - [Getting Started on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/roku/getting-started.md): This getting started guide gets you familiar with Roku and the Dolby OptiView Player Roku SDK. - [Migrating to THEOplayer Roku SDK 11.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/roku/migrating-to-theoplayer-11.md): This article will guide you through updating to THEOplayer Roku SDK version 11 (from version 10.x), - [Playing ads with THEOplayer Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/getting-started/sdks/roku/displaying-ads.md): This article will provide the steps needed to play video ads with your content using the THEOplayer Roku SDK. ## Roku SDK: How-to guides - [DRM on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/drm/introduction.md): Custom configuration - [Media tracks on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/media-tracks/introduction.md): Related articles - [How to programmatically enable or disable audio tracks on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/media-tracks/enable-disable-audio-tracks.md): Usage - [How to programmatically detect audio tracks on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/media-tracks/detect-audio-tracks.md): Usage - [Player on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/player/introduction.md): Events - [How to measure the time-to-first-frame on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/player/measure-time-to-first-frame.md): Usage - [How to track the first play(ing) event on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/player/track-first-playing-event.md): Usage - [Text tracks on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/text-tracks/introduction.md): Related articles - [How to dynamically change the visible captions on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/text-tracks/change-visible-captions.md): Usage - [How to programmatically detect text tracks on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/text-tracks/detect-text-tracks.md): Usage - [How to programmatically enable or disable text tracks on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/text-tracks/enable-disable-text-tracks.md): Usage - [UI on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/ui/introduction.md): Default UI versus chromeless UI - [How to build a chromeless UI on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/ui/build-chromeless-ui.md): This section will give you an overview on how custom controls can be integrated with THEOplayer API and also a brief introduction to BrightScript and SceneGraph. - [How to remove an element from the UI on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/ui/remove-ui-element.md): Implementation - [License on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/license/introduction.md): Passing the license through the player configuration - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/theolive/getting-started.md): Usage - [Token based security](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/theolive/token-based-security.md): OptiView Live offers the option to enable JWT token security on channel distribution level. This can be interesting if you only want valid users to access your stream. - [Migrating to OptiView Live v2](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides/roku/theolive/migrating-to-v2.md): If you are using OptiView Live v2 for your live streams, you will need to do some extra configuration to successfully play back your OptiView Live streams on Roku. ## Roku SDK: Connectors - [Connectors for THEOplayer Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/roku.md) - [Getting started with the Conviva Connector for the Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/roku/conviva/getting-started-conviva-connector.md): Here's how to get started integrating the Conviva Connector with the THEOplayer Roku SDK. - [Conviva Connector API reference](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/roku/conviva/API-reference.md): The attributes, methods and events for the THEOConvivaConnector. - [Getting started with the Comscore Connector for the Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/roku/comscore/getting-started-comscore-connector.md): Here's how to get started integrating the Comscore Connector with the THEOplayer Roku SDK. - [Comscore Connector API Reference](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/roku/comscore/API-reference.md): The attributes, methods and events for the THEOComscoreConnector. - [Getting started with the Adobe Edge Connector for the Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/roku/adobe-edge/getting-started-aep-connector.md): Here's how to get started integrating the Adobe Edge Connector with the THEOplayer Roku SDK. - [Adobe Edge Platform Connector API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/roku/adobe-edge/API-reference.md): The attributes, methods and events for the THEOAEPConnector. - [Getting started with the Mux Connector for the Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/roku/mux/getting-started-mux-connector.md): Here's how to get started integrating the Mux Connector with the THEOplayer Roku SDK. - [Mux Connector API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/connectors/roku/mux/API-reference.md): The attributes, methods and events for the THEOMuxConnector. ## FAQ - [Frequently asked questions (FAQ)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq.md): In this section we will list all the frequently asked questions we received over the years. - [How to combat autoplay policies](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-combat-autoplay-policies.md): This short article explains what autoplay is, where autoplay is restricted, and what THEOplayer does to facilitate working with autoplay. - [Why does fullscreen not behave as expected on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-does-fullscreen-not-behave-as-expected-on-ios.md): One of the most frequently encountered issues on iOS devices is unexpected behavior concerning fullscreen playback. - [Why does the Network API not work on iOS devices](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-does-network-api-not-work-on-ios-devices.md): Most Network API capabilities are not available on iOS devices. Generally speaking, video playback on iOS behaves like a black box. - [Why does Chromecast not work on iOS Chrome?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-does-chromecast-not-work-on-ios-chrome.md): iOS Chrome used to support Chromecast. However, Google silently removed support for it at some point. It is also documented on their Web Sender guide here that: - [Why can't I select another video quality on iOS/tvOS?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-cant-we-select-other-video-quality-on-ios-tvos.md): In short: Apple technically restricts video players from doing this, and there is no workaround. - [Is YouTube supported](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/is-youtube-supported.md): This question above is typically asked by customers who have experience with the YouTube embedded player. It's also related to the following questions: - [Why does the player load only one audio track (even though there are several in the manifest)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-does-player-load-only-one-audio-track.md): You may be asking this question if you notice a discrepancy in the number of audio tracks present in the manifest and the audio tracks that you can select from the player UI. - [Is it possible to see 360 degrees photo with THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/is-it-possible-to-see-360-picture.md): This question is asked by those users and developers that are wondering if the player 360 degree functionality can be used to view also images. - [Why the Visibility API does not work through an iframe on Safari and IE11](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-visibilty-api-doesnt-work-in-iframe-on-safari-and-ie11.md): This question may be asked when you observe a different behavior of the Visibility API on different browsers. - [What is an impression](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-is-an-impression.md): This article explains what an impression is and how THEOplayer calculates impressions. - [How to know whether a live stream is playing](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-know-when-livestream-is-playing.md): You can check if a stream being played is live or VOD by checking its duration. If the duration returns Infinity, the stream would be live. Examples: - [Which error related events does the player expose](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/which-error-related-events-does-player-expose.md): THEOplayer exposes different types of errors. Refer to "How to do error handling" - [Why did my subtitles stop working](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-did-subtitles-stop-working.md): This question is occasionally asked by developers who've configured the latest release of THEOplayer. - [How does Media Engagement Index (MEI) affect Autoplay on Chrome](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-does-mei-affect-autoplay-on-chrome.md): The question above is related to the following questions: - [What does the error message 'Unknown CDM error' mean](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-does-error-unknown-cdm-mean.md): If you got to see this page, you probably know that CDM stands for Content Decryption Module, which is a component in the DRM pipeline, a part of the content protection process. - [What does the error message 'Something went wrong with Native playback' mean](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-does-error-something-went-wrong-during-playback-mean.md): This error, "Something went wrong with Native playback", occurs whenever the player struggles on the native rendering pipeline of the browser in use. - [Why are not all response headers exposed](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-are-not-all-response-headers-exposed.md): You may ask this question if, for example, you are trying to intercept a certain XHR response to use data contained in custom headers but you don't find these among the exposed headers (see… - [Why does the currentTime seem off in my livestream & what can I do about it](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-does-currentime-seem-to-be-off.md): THEOplayer has a currentTime property, which returns you the current playback position in the video (in seconds). For VOD this works as you would expect. - [How to remove CORS restrictions from a reproduction stream](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-remove-cors-restrictions.md): A "CORS-issue" is a common cause of a stream not starting. In a nutshell, a CORS issue implies that the origin is not allowed to fetch the resource. This issue has to be resolved from the server-side. - [Which network calls (or requests) does THEOplayer do](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/which-network-calls-does-THEOplayer-do.md): The question above is related to the following questions: - [Why does the playback not work when using the Chrome iPhone/iPad simulator](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-does-playback-not-work-using-chrome-iphone-simulator.md): You might need an answer to this question if you are testing your page using the Chrome iPhone/iPad simulator and notice that, reloading the page, the video player stops working (even though the ads… - [What does the error message 'can only be initiated by a user gesture' imply? Can I still force the desired action](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-does-error-can-only-be-initiated-by-user-gesture-mean.md): You may get this error if you are trying to have the player execute an action without it being initiated by the user. - [How to remove unwanted CC track in iOS or Safari](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-remove-unwanted-cc-track-ios-safari.md): This article is intended to show how to remove any unwanted CC tracks that might be showing up in iOS or Safari. This can be done by editing the HLS master playlist. - [MediaTek limitations](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/mediatek-limitations.md): This page overviews a list of known issues caused by the MediaTek chipset. - [How to use ProGuard with THEOplayer Android SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-use-proguard-with-android-sdk.md): ProGuard is a popular tool to obfuscate and optimize Java code in Android projects. Depending on the settings, this tool can clash with the THEOplayer Android SDK. - [Self-hosting and versioning of THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/self-hosting-theoplayer.md): Your licensed THEOplayer can also be hosted on your own servers or CDN. - [Does THEOplayer support EXT-X-DATERANGE](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/does-theoplayer-support-ext-x-daterange.md): Yes, the HLS tag #EXT-X-DATERANGE is supported in THEOplayer as of 2.61.0. To enable it, hlsDateRange needs to be added to either the player configuration or the source description and be set to true. - [Can clipping be used on a playlist](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/can-clipping-be-used-in-a-playlist.md): Yes. This is in principle not different from using it on a single video: a startTime and an endTime must be given for each video and applied when the video is loaded/played. - [Can timeline thumbnails be made available before playback start](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/can-timeline-thumbnails-be-made-available-before-playback-start.md): Yes, this is possible using the preload feature, provided your timeline is already visible. Both “metadata” and “auto” will be effective values to this end. - [What are the benefits of preloading](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-are-the-benefits-of-preloading.md): Choosing whether to preload parts of the video before it starts playing will help you considerably improve the user experience. - [What are the player seeking and seeked events and when are they fired](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-are-the-player-seeking-and-seeked-events.md): They are events related to the playback of media files. seeking is fired when the user starts seeking/moving to a new position. - [Can we use HLS or DASH ads](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/can-we-use-hls-or-dash-ads.md): Yes, we support HLS and DASH ads through a THEOAdDescription for the THEOplayer Web SDK 2.84.0 and up. HLS and DASH ads are currently not supported on any other SDKs. - [How to change text in THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-change-text-in-theoplayer.md): Using language localization, you should be able to change any text in the player to the one you desire. - [Change text when AirPlaying](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-change-text-when-airplaying.md): You will need to add the 'metadata' parameter to the SourceDescription with the 'title' property filled with the title to be displayed. - [ITP2.1 problems using THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/itp21-problems-using-theoplayer.md): Apple’s Intelligent Tracking Prevention 2.1 causes cookies to be only saved for 7 days unless the Safari user directly interacts with the website again. - [Removing context menu 'Powered by THEOplayer...'](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/removing-context-menu-powered-by.md): The context menu can be removed while building your player by disabling the "contextmenu" feature or by adding a CSS rule on your page. - [What aspects of THEOplayer do we need to take into account to deploy a proper Content Security Policy (CSP)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/whats-aspects-to-take-into-account-when-developing-csp.md): The script-src 'self' and 'inline' should be allowed. The player also requires doing calls to \*.theoplayer.com and to wherever the JavaScript files and workers are located. - [How can we avoid that the player keeps looking for chunks/segments if they are not found](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-avoid-loading-chuncks-when-not-found.md): You can use the Network API events to detect whether the stream is offline and implement the behavior you prefer. This is working for HLS and is being implemented (2020) for DASH as well. - [Can we show a custom message on 403 on mp4](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/can-we-show-custom-message-on-403-on-mp4.md): Yes, this is possible, but not as easy as for DASH and HLS. - [Can we prevent UpNext feature from redirecting](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/prevent-up-next-from-redirecting.md): Yes, this is possible. You need to modify the countdownDuration value in your UpNextPanel to Infinity. - [Is it possible to preload VOD content while the pre-roll is playing](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/preload-vod-content-when-pre-roll-is-playing.md): Yes, it is done with the preload feature. Before setting your source, you need to activate preload on your player. - [Why is my video not playing automatically](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-is-video-not-playing-automatically.md): There is a wide variety of possible causes that bring to a video not being automatically played. These may have to do with autoplay policies, iframes, Media Engagement Index and more. - [Is it possible to have multiple player instances play at the same time](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/possible-to-have-multiple-player-instances-at-same-time.md): Yes, this is possible, provided there are enough bandwidth and RAM for this to work (considering both server and client side). - [Is it a problem if the viewer pauses a live stream for longer than the DVR window](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/is-it-a-problem-if-viewer-pauses-live-stream-longer-than-dvr-window.md): In general, this is no problem as the player will continue playback, once exhausted the current buffer, from the nearest point available, in this case the end of the sliding window. - [THEOplayer Features & Modules](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/theoplayer-features-modules.md): The THEOplayer SDK consists of modular features. - [Chromecast on my webplayer does not work any longer despite no change in my implementation](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/chromecast-on-weblayer-does-not-longer-work.md): This or a similar question may be asked in case your Chromecast stops working. There may indeed be different causes why your Chromecast is not working, especially if - [How to track network errors](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-track-network-errors.md): THEOplayer currently doesn't throw an error event for all network request errors on all platforms. - [What is the support for Wowza](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-is-the-support-for-wowza.md): Wowza and THEOplayer are partners in the streaming industry. When developers use both products, - [How to use the CDN fallback/backup stream feature](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/cdn-fallback-backup-stream-feature.md): THEOplayer offers a feature to detect more sources of content in manifest or playlist, so that the player can automatically switch to a fallback URL, in case any of the main content source is… - [How to apply accurate buffering strategy](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-apply-accurate-buffering-strategy.md): By default, THEOplayer buffers 20 seconds of video including audio/subtitles in order to guarantee smooth playout. - [How can I distribute 4K content?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-can-i-distribute-4k-content.md): The ability to play 4k mostly depends on hardware. - [What is the collaboration between Azure Media Services and THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-is-the-collaboration-between-azure-media-services-and-THEOplayer.md): Azure Media Services has been retired since June 30th, 2024. - [Is Portrait mode supported](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/is-portrait-mode-supported.md): Yes. THEOplayer supports vertical video playback, which is also known as portrait mode. - [How to prevent screen recording](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-prevent-screen-recording.md): This article explains what screen recording is, and how to counter it. - [The provided video source is incompatible with the license for this player](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/the-provided-video-source-is-incompatible-with-the-license-for-this-player.md): The player throws this error when the source of the player is incompatible with the license. This occurs when the domain of the source is not in the list of source domains of the license. - [Page and Source domains](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/page-and-source-domains.md): Page and Source domains prevent unauthorized users from embedding your SDK on their website. We highly recommend configuring both Page and Source domains carefully to protect your THEOplayer license. - [What does the error message “Something went wrong determining the initial period of the provided MPEG-DASH stream” mean](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/error-message-initial-period-provided-MPEG-DASH.md): This error, "Something went wrong determining the initial period of the provided MPEG-DASH stream", occurs whenever the player struggles to play a DASH stream due to problems determining the… - [Why is my PlayReady stream not working in Chromium Edge?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/Why-is-my-Playready-stream-not-working-in-Chromium-Edge.md): If you are having problems playing PlayReady streams in Chromium Edge, this may be due to a conflict between player and browser, regarding the DRM system to use. - [Which subtitle and CC formats are supported on native Safari](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/which-subtitle-and-cc-formats-are-supported-on-native-safari.md): The Safari browser on iOS uses the native Safari video player. - [How to navigate through the documentation and resources](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-navigate-through-the-documentation-and-resources.md): THEOplayer offers documentation and resources through a number of channels. - [How to create a (great) ticket](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-create-a-ticket.md): Customers can create tickets through our Jira Service Desk at https://servicedesk.theoplayer.com. - [How to investigate a ticket](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-investigate-a-ticket.md): This article describes how our team typically investigates an issue (i.e. bug) reported to us through a Service Desk ticket. - [What are the limitations of AirPlay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-are-the-limitations-of-AirPlay.md): When casting through AirPlay your viewer is relying on the native Apple video player. - [How to use the Media Session API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-use-media-session-api.md): Developers who implement the Media Session API give viewers the option to control and monitor media playback outside their web page. - [How to use THEOplayer iOS SDK on an M1 mac](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-use-theoplayer-ios-sdk-on-m1.md): The iPhone simulators on M1 MacBooks use the arm64 architecture, therefore any binaries linked during compilation time that do not support the architecture will result in compilation error. - [Widevine CDM deprecation notice for old browser versions](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/old-widevine-cdm-deprecation-notice.md): Google announced that the current version of the Widevine Content Decryption Module (CDM), which is a closed environment responsible for handling the DRM restrictions and decryption of media, will… - [Which source is the one being played](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/which-source-is-the-one-being-played.md): In THEOplayer, player.source.sources can be used to provide alternative sources for playback, for cross-platform support. - [What is the "WebAssembly.compileStreaming failed" warning and what does it mean?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-is-the-webAssembly-compileStreaming-failed-warning.md): When starting playback in THEOplayer, you might be seeing a warning in console that reads - [What PiP options to use to make the video stay visible while browsing or on other applications](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-make-pip-video-stay-visible-while-browsing.md): When it comes to Picture-in-Picture (PiP), there are different options, each with its advantages and disadvantages. - [Why are the FairPlay license and certificate being requested again on iOS after ads?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/why-is-DRM-license-retrieved-again-after-ads-on-iOS.md): The DRM license and certificate are retrieved when a DRM-protected stream starts to be played. This is usually enough for a full playback session since in most cases the DRM context can be maintained. - [How to detect if the user changes the video quality](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-detect-if-user-changes-video-quality.md): It is possible to distinguish between when the quality is changed by ABR or by the user and, in the latter case, which quality has been selected. - [List of supported platforms](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/supported-platforms.md): List of supported platforms for the different THEOplayer SDKs - [How to use AI coding assistants with THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/how-to-use-ai-coding-assistants.md): How to load THEOplayer documentation into AI coding assistants such as Claude Code, Cursor or GitHub Copilot ## How-to guides - [How-to guides](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/how-to-guides.md): Want to start implementing features to your SDK? Our how-to-guides will help you with all kind of integrations! - [What are the Uplynk challenges](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/faq/what-are-the-uplynk-challenges.md): The purpose of this article is to group common challenges application developers might encounter when using Uplynk (formerly known as Verizon Media, Edgecast or Edgio) as the back-end. ## Knowledge base - [Knowledge base](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base.md): Want to know more about topics in the video industry? We have a small list of articles to provide you some basic knowledge. - [Advertisements](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/advertisement/introduction.md): This section allows you to learn everything about advertisements! - [Advertising User Guide](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/advertisement/user-guide.md): THEOplayer allows you to configure different aspects of its advertising environment. By following this guide you will learn about: - [Server Side Ad Insertion](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/advertisement/server-side-ad-insertion.md): If you are a content distributor, you know how difficult it is to properly monetize content. - [Support matrix](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/advertisement/support-matrix.md): THEOplayer currently supports two ad implementations: - [Content protection](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/content-protection/introduction.md): Get ready to learn everything about content protection. - [Digital Rights Management (DRM) Systems](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/content-protection/drm-systems.md): Intellectual property theft has a huge economic impact. The digital media sector is one of its biggest victims with annual losses running into billions of dollars. - [AES-128 Encryption](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/content-protection/aes-128-encryption.md): The Apple HTTP Live Streaming (HLS) specification uses AES-128 encryption to provide content protection. - [Playback](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/playback/introduction.md): This section will update you about the world of playback. - [What are chapter markers?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/playback/what-are-chapter-markers.md): Dividing a video into separate parts helps your audience navigate through your content. - [What are the benefits of preview thumbnails?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/playback/what-are-the-benefits-of-preview-thumbnails.md): Preview thumbnails improve the user experience by allowing the user to scan the video for specific content. - [Frame Accurate Seeking](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/playback/frame-accurate-seeking.md): This guide will explain how you can achieve frame-accurate seeking with THEOplayer. - [Program Date Time](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/playback/program-date-time.md): THEOplayer has support for associating media segments with an absolute date and time. - [Basic guide to Web Audio API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/playback/basic-guide-web-audio-api.md): THEOplayer provides a Web Audio API, which allows you to do some quite nifty stuff with the player's audio output. - [Video Clipping](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/playback/video-clipping.md): THEOplayer supports playing only a selected part of a video-on-demand stream, rather than playing it from start to finish. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/playback/subtitles-and-closed-captions/introduction.md): THEOplayer supports rendering of subtitles and closed captions in both live and VOD content via the WebVTT format. - [Chapter markers](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/playback/subtitles-and-closed-captions/chapter-markers.md): This guide explains to you how to set up THEOplayer to display chapter markers as a way of navigating videos. For more information regarding chapter markers, see Resources at the bottom of this page. - [Streaming](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/streaming/introduction.md): Always wanted to know more about streaming? This is your chance! - [HTTP Live Streaming](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/streaming/http-live-streaming.md): HTTP Live Streaming (also known as HLS) is a protocol implemented by Apple for streaming of audio and/or video content over HTTP. - [What are the recommended stream settings?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/streaming/what-are-the-recommended-stream-settings.md): There are many options to encode your streams. These encoding are often related to the content you are streaming. - [Cross Origin Resource Sharing (CORS)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/cors/introduction.md): Cross-origin resource sharing (CORS) is a content protection mechanism that allows resources (manifests, video files or encryption keys) on server to be requested from a webpage on a different domain… - [Timed Metadata](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/knowledge-base/metadata/introduction.md): Timed metadata describes a subset of a stream through data (bytes, text, image, ...), a start time and/or a stop time. ## Overview (10.14.0) - [Changelog for version 10.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/changelog.md): Find out what's new in the OptiView Player. - [THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10.md) - [Connectors for THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors.md) - [THEOPlayer 🤝 Sideloaded TextTracks Samples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/sideloaded-texttracks/examples.md): We provide source code of two sample applications that illustrate how to use the connector with different package managers: - [@theoplayer/react-native-analytics-npaw](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/npaw/changelog.md): Find out what's new. - [THEOplayer React Native NPAW Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/npaw/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/adscript-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/adscript/changelog.md): Find out what's new. - [adscript-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/adscript/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/gemius-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/gemius/changelog.md): Find out what's new. - [gemius-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/gemius/getting-started.md): Set up your connector in just a few minutes! - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started.md): THEOplayer offers a rich portfolio of video SDKs for many platforms and frameworks across desktop, mobile and TV devices. - [How to update an SDK?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/how-to-update-a-sdk.md): This how-to guide describes how to update to a new version of the THEOplayer SDK. - [SDKs](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/introduction.md): Dolby OptiView Player provides a set of feature-rich video player software development kits (SDKs). - [OptiView Hosted Player](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/web/hosted-player.md): Dolby hosts a version of the OptiView video player that is configured with query parameters, for embedding in an iframe without hosting the player yourself. ## Web SDK: Overview (10.14.0) - [THEOplayer Web SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/web.md) ## Web SDK: Getting started (10.14.0) - [Getting started on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/getting-started.md): Dolby OptiView Player (formerly THEOplayer) is the universal video player solution from Dolby. - [API examples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/api-examples.md): This page contains an overview of examples, demonstrating the capabilities of the THEOplayer API and custom JavaScript. With these examples, we try to explain the fundamentals of how to use our API: - [Getting started with Accessibility](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/getting-started-accessibility.md): Integrating accessibility features on the web is crucial to accommodating viewers with limitations, optimize the general viewer experience and maximize overall reach. - [How to implement Keyboard Hotkeys](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/how-to-implement-hotkeys.md): This how-to guide describes how you can implement keyboard shortcuts in THEOplayer. - [How to embed an iframe](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/how-can-we-embed-iframe.md): How to embed OptiView Player through an iframe on first-party and third-party domains. - [How to implement a seamless transition between videos?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/how-to-implement-seamless-transition.md): You may need an answer to this question if you want to play one video after the other without letting the user know the source has changed (to the user they will seem as if playing just one video). - [How to work around browser cache with new THEOplayer SDK libraries?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/how-to-work-around-browser-cache-with-new-license.md): In some cases you may experience problems related to cached versions of the THEOplayer library (e.g. - [How to customize quality selection and labels on the default UI (MP4)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/how-to-customize-quality-selection.md): Some of our customers prefer MP4 assets over HLS/MPEG-DASH ones. - [How to get frame-accurate currentTime display in the UI Control bar](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/how-to-get-frame-accurate-currentime-display.md): This article will show you how to display a frame-accurate currentTime on your THEOplayer instance UI control bar. - [How to play an LCEVC source with THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/how-to-play-an-lcevc-source-with-theoplayer.md): This article will show you how to play an LCEVC encoded source in THEOplayer. If you are not familiar with THEOplayer, - [How to use THEOplayer as a JavaScript module](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/how-to-use-javascript-module.md): As of THEOplayer 6.0, THEOplayer can also be used as - [How to use MultiView](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/how-to-use-multiview.md): This article will go over how to work with THEOplayer's MultiViewPlayer. As the setup is very similar to using - [Migrating to THEOplayer Web SDK 10.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/web/migrating-to-theoplayer-10.md): This article will guide you through updating to THEOplayer Web SDK version 10 (from version 9), - [Getting Started on webOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/webos/getting-started.md): This guide will help you integrate your Dolby OptiView Player SDK on webOS. - [Getting started on Tizen](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/tizen/getting-started.md): This how-to guide describes how to set up a Tizen application using the Dolby OptiView Player SDK on Tizen. - [Installing the Tizen developer tools](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/tizen/installing-tizen-studio.md): - Check if your device meets the Tizen developer tools prerequisites. - [Setting up a Tizen device for debugging](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/tizen/generating-a-certificate.md): Tizen requires a certificate to launch an application on a (physical) device. Below are the steps on how to create one: - [Deploying a test app on a physical Tizen device](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/tizen/setting-up-physical.md): Both the physical Tizen device as the development computer must be on the same network. - [Deploying a test app on a Tizen emulator](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/tizen/setting-up-emulator.md): We strongly recommend using a physical Tizen device. If this is not possible, using an emulator can be a back-up. - [Getting started with Angular](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/angular/getting-started.md): A brief guide on how to build a THEOplayer in an Angular environment. - [Getting started with React](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react/getting-started.md): There is a sample app using THEOplayer as a React component available on our GitHub. - [Getting started with NuxtJS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/nuxtjs/getting-started.md): This how-to guide describes how to integrate THEOplayer with NuxtJS framework. - [Getting started with VueJS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/vuejs/getting-started.md): This how-to guide describes how to integrate THEOplayer with VueJS framework. - [Getting started with AMP](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/amp/getting-started.md): A brief guide on how to build a THEOplayer in an AMP environment. - [Getting started with WordPress](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/wordpress/getting-started.md): WordPress is a popular CMS. Wikipedia writes that it was originally aimed at blogs, ## Web SDK: How-to guides (10.14.0) - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/uplynk/introduction.md): THEOplayer and Uplynk are partners in the streaming industry. Uplynk offers services like encoding, transcoding, server-side ad-insertion, a CDN and more. - [Preplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/uplynk/preplay.md): This article explains how to leverage the Uplynk Preplay API through THEOplayer. This API allows developers to pre-integrate with Uplynk's Preplay service. - [Uplynk Ads](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/uplynk/ads.md): Uplynk offers support for server-side ad-insertion (SSAI). - [Ping](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/uplynk/ping.md): This article explains how to use Uplynk's Ping API. - [Uplynk configuration](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/uplynk/configuration.md): This article explains what is possible with an Uplynk configuration when setting up a THEOplayer instance. - [Uplynk interface](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/uplynk/interface.md): This article explains how developers can hook into the Uplynk interface. - [MPEG-DASH Content Steering](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/content-steering/mpeg-dash-content-steering.md): This guide shows you how to use MPEG-DASH Content Steering in the THEOplayer Web SDK. - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/theolive/getting-started.md): Usage - [Basic Playback Guide](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/theolive/basic-playback-guide.md): After following our Getting Started on Web guide or the Player Setup section below, you will be ready to programmatically perform common playback actions. - [Airplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/theolive/casting/airplay.md): OptiView Live streams have support for Airplay. However, a limitation for now is that the latency is higher while casting (about 12 seconds). - [Chromecast](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/theolive/casting/chromecast.md): OptiView Live streams have support for Chromecast. However, a limitation for now is that the latency is higher while casting (about 12 seconds). - [Metadata](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/theolive/metadata.md): The messages added to your stream using the Backend Metadata guide, you can access - [Token based security](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/theolive/token-based-security.md): OptiView Live offers the option to enable JWT token security on a distribution (formerly referred to as an alias) level. This can be interesting if you only want valid users to access your stream. - [Migrating from deprecated THEOlive player to THEOplayer on Web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/web/theolive/migrating-from-theolive-player.md): The goal of this guide is to help you migrate from the deprecated theolive player to the recommended THEOplayer. ## Web SDK: Examples (10.14.0) - [Examples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/examples.md): See the player in action! - [Basic player](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/examples/basic.md): Code ## Web SDK: Connectors (10.14.0) - [Connectors for THEOplayer Web SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web.md) - [cmcd-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/cmcd/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/cmcd-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/cmcd/changelog.md): Find out what's new. - [comscore-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/comscore/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/comscore-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/comscore/changelog.md): Find out what's new. - [conviva-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/conviva/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/conviva-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/conviva/changelog.md): Find out what's new. - [Nielsen Web Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/nielsen/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/nielsen-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/nielsen/changelog.md): Find out what's new. - [yospace-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/yospace/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/yospace-connector-web](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/web/yospace/changelog.md): Find out what's new. ## Android SDK: Overview (10.14.0) - [THEOplayer Android SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/android.md) ## Android SDK: Getting started (10.14.0) - [Getting started on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/android/getting-started.md): Add THEOplayer and Kotlin libraries to your application - [Getting started with the Android UI](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/android/getting-started-with-the-open-source-android-ui.md): For the most up-to-date information about our new open source, fully native Android UI, - [Android Feature Integrations](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/android/features.md): Modularization - [Migrating to THEOplayer Android SDK 10.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/android/migrating-to-theoplayer-10.md): This article will guide you through updating to THEOplayer Android SDK version 10 (from version 9), ## Android SDK: How-to guides (10.14.0) - [Getting started with CMCD on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/android/cmcd/getting-started.md): Usage - [Media3 pipeline for Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/android/media3/getting-started.md): The THEOplayer Android Media3 pipeline is a new and rebuilt base layer for playback of video and audio files for the THEOplayer Android SDK. - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/android/theolive/getting-started.md): To begin with the Dolby OptiView platform please review our guide for getting started with OptiView Streaming. - [Token based security](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/android/theolive/token-based-security.md): OptiView Live offers the option to enable JWT token security on a distribution (formerly referred to as an alias) level. This can be interesting if you only want valid users to access your stream. ## Android SDK: Connectors (10.14.0) - [Connectors for THEOplayer Android SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android.md) - [THEOplayer Android Comscore Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/comscore/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Android SDK Conviva Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/conviva/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Android SDK Nielsen Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/nielsen/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Media Session Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/mediasession/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Yospace Connector for Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/yospace/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer Uplynk Connector for Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/uplynk/getting-started.md): Set up your connector in just a few minutes! - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/uplynk/introduction.md): THEOplayer and Uplynk are partners in the streaming industry. The Uplynk Platform offers services like encoding, transcoding, server-side ad-insertion, a CDN and more. - [Preplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/uplynk/preplay.md): This article explains how to leverage the Uplynk Preplay API through THEOplayer. This API allows developers to pre-integrate with Uplynk Preplay service. - [Uplynk Ads](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/uplynk/ads.md): Uplynk offers support for server-side ad-insertion or in-short SSAI. - [Ping](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/android/uplynk/ping.md): This article explains how to use the Uplynk Ping API. ## iOS & tvOS SDK: Overview (10.14.0) - [THEOplayer iOS & tvOS SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/ios.md) ## iOS & tvOS SDK: Getting started (10.14.0) - [Getting started on iOS/tvOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/ios/getting-started.md): Introduction - [THEOplayer iOS/tvOS 5.0 Feature Integrations](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/ios/features.md): Modularization - [Migrating to THEOplayer iOS/tvOS SDK 10.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/ios/migrating-to-theoplayer-10.md): This article will guide you through updating to THEOplayer iOS/tvOS SDK version 10 (from version 9), ## iOS & tvOS SDK: How-to guides (10.14.0) - [Getting started with CMCD on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ios/cmcd/getting-started.md): Usage - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ios/theolive/getting-started.md): Usage ## iOS & tvOS SDK: Connectors (10.14.0) - [Connectors for THEOplayer iOS & tvOS SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios.md) - [THEOPlayer 🤝 Comscore](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/comscore/getting-started.md): Set up your connector in just a few minutes! - [THEOPlayer 🤝 Comscore Samples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/comscore/examples.md): We provide source code of two sample applications that illustrate how to use the connector with different package managers: - [THEOPlayer 🤝 Conviva](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/conviva/getting-started.md): Set up your connector in just a few minutes! - [THEOPlayer 🤝 Conviva Samples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/conviva/examples.md): We provide source code of two sample applications that illustrate how to use the connector with different package managers: - [THEOPlayer 🤝 Nielsen](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/nielsen/getting-started.md): Set up your connector in just a few minutes! - [THEOPlayer 🤝 Yospace](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/yospace/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer ❤️ Sideloaded Subtitles](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/sideloaded-texttracks/getting-started.md): Set up your connector in just a few minutes! - [THEOplayer 🤝 Uplynk](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/uplynk/getting-started.md): Set up your connector in just a few minutes! - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/uplynk/introduction.md): THEOplayer and Uplynk are partners in the streaming industry. The Uplynk Platform offers services like encoding, transcoding, server-side ad-insertion, a CDN and more. - [Preplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/uplynk/preplay.md): This article explains how to leverage the Uplynk Preplay API through THEOplayer. This API allows developers to pre-integrate with Uplynk Preplay service. - [Uplynk Ads](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/uplynk/ads.md): Uplynk offers support for server-side ad-insertion or in-short SSAI. - [Ping](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/uplynk/ping.md): This article explains how to use the Uplynk Ping API. - [THEOPlayer 🤝 Uplynk Samples](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/uplynk/examples.md): A sample application that illustrate how to use the connector: - [Changelog](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/ios/changelog.md): Find out what's new. ## React Native SDK: Overview (10.14.0) - [THEOplayer React Native SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/react-native.md) - [Changelog](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/changelog/react-native.md): Find out what's new in the OptiView Player. ## React Native SDK: Getting started (10.14.0) - [Getting started with React Native THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/getting-started.md): The react-native-theoplayer package provides a THEOplayerView component supporting video playback on the - [Creating a minimal demo app](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/creating-minimal-app.md): In this section we start from an empty React Native template, include a dependency to react-native-theoplayer, - [The THEOplayerView Component](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/theoplayerview-component.md): THEOplayer React native SDK is an NPM package, which exposes the THEOplayerView component that can be added to your - [Example Application](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/example-app.md): The example application on our react-native-theoplayer - [Adaptive Bitrate (ABR)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/abr.md): Overview - [Advertisements](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/ads.md): Overview - [Audio Control Management on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/audio-control.md): Overview - [Background Playback and Notifications](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/background.md): Overview - [Casting with Chromecast and Airplay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/cast.md): Overview - [Getting started with CMCD on React Native](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/cmcd.md): Media player clients can transmit useful information to Content Delivery Networks (CDNs) with each object request. - [Digital Rights Management (DRM)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/drm.md): Overview - [Expo](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/expo.md): Overview - [A Fullscreen Video Player Component](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/fullscreen.md): Fullscreen Video on Web platforms - [Limitations and Known Issues](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/limitations.md): This sections lists any limitations and known issues in the current package version. - [Media Cache](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/media-caching.md): Overview - [Android Media3 Pipeline](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/media3.md): Overview - [Migrating to THEOplayer React Native SDK 10.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/migrating-to-react-native-theoplayer-10.md): This article will guide you through updating to THEOplayer React Native SDK version 10 (from version 9), - [Migrating to THEOplayer React Native SDK 9.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/migrating-to-react-native-theoplayer-9.md): This article will guide you through updating to THEOplayer React Native SDK version 9 (from version 8), - [Getting started with Millicast on React Native](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/millicast.md): Dolby Millicast delivers broadcast quality live streaming - [Picture-in-Picture (PiP)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/pip.md): Overview - [Subtitles, Closed Captions and Metadata tracks](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/react-native/texttracks.md): THEOplayer's TextTrack api gives developers the capability to manage and manipulate various types of text-based content. ## React Native SDK: How-to guides (10.14.0) - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/react-native/theolive/getting-started.md): Usage - [Token based security](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/react-native/theolive/token-based-security.md): OptiView Live offers the option to enable JWT token security on channel distribution level. This can be interesting if you only want valid users to access your stream. ## React Native SDK: Connectors (10.14.0) - [Connectors for THEOplayer React Native SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native.md) - [THEOplayer React-Native Adobe Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/adobe/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-adobe](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/adobe/changelog.md): Find out what's new. - [THEOplayer React-Native Adobe Edge Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/adobe-edge/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-adobe-edge](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/adobe-edge/changelog.md): Find out what's new. - [THEOplayer React-Native AdScript Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/adscript/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-adscript](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/adscript/changelog.md): Find out what's new. - [THEOplayer React-Native Agama Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/agama/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-agama](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/agama/changelog.md): Find out what's new. - [THEOplayer React-Native Bitmovin Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/bitmovin/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-bitmovin](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/bitmovin/changelog.md): Find out what's new. - [THEOplayer React-Native Comscore Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/comscore/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-comscore](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/comscore/changelog.md): Find out what's new. - [THEOplayer React-Native Conviva Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/conviva/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-conviva](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/conviva/changelog.md): Find out what's new. - [React Native THEOplayer DRM](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/drm/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-drm](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/drm/changelog.md): Find out what's new. - [THEOplayer React-Native Engage Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/engage/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-engage](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/engage/changelog.md): Find out what's new. - [THEOplayer React-Native Gemius Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/gemius/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-gemius](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/gemius/changelog.md): Find out what's new. - [THEOplayer React-Native Mux Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/mux/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-mux](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/mux/changelog.md): Find out what's new. - [THEOplayer React-Native Nielsen Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/nielsen/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-nielsen](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/nielsen/changelog.md): Find out what's new. - [THEOplayer React-Native Yospace Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/yospace/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-yospace](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/yospace/changelog.md): Find out what's new. - [THEOplayer React-Native Youbora Connector](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/youbora/getting-started.md): Set up your connector in just a few minutes! - [@theoplayer/react-native-analytics-youbora](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/react-native/youbora/changelog.md): Find out what's new. ## Flutter SDK: Overview (10.14.0) - [THEOplayer Flutter SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter.md) - [THEOplayer Flutter SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/frameworks/flutter/getting-started.md): Set up your first OptiView Player in just a few minutes! - [Changelog](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/changelog.md): Find out what's new in the OptiView Player. ## Flutter SDK: How-to guides (10.14.0) - [Adaptive Bitrate (ABR)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/abr.md): Overview - [Creating a minimal demo app](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/creating-minimal-app.md): In this section we start from an empty Flutter project, include a dependency to fluttertheoplayersdk, and deploy it on an Android or iOS device. - [Custom branches](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/custom-branches.md): THEOplayer Flutter SDK is built on top of the existing THEOplayer iOS, Android, and Web SDKs. However, not all native SDK features are available in Flutter from the start. - [Using a custom DRM integration](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/custom_drm.md): The initial version of the THEOplayer Flutter SDK only support generic Widevine and Fairplay DRM playback. - [Debug Flags (Experimental)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/debug-flags.md): Overview - [Limitations and Known Issues](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/limitations.md): This sections lists any limitations and known issues in the current package version. - [Migration Guide: From THEOplayer Flutter SDK 9.x to 10.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/migrations/migration_from_9.x_to_10.x.md): This guide covers the breaking changes introduced when renaming "publication"-related APIs to "distribution" for consistency and clarity. - [Picture-in-Picture support](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/picture-in-picture.md): THEOplayer Flutter SDK supports native Picture-in-Picture on iOS, Android and Web platforms. - [THEOlive support](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/theolive.md): High-quality real-time video streaming at scale for providers of sports betting, iGaming and interactive entertainment - [The THEOplayer component](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/theoplayer-component.md): Architecture - [WASM support (experimental)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/flutter/guides/wasm_support.md): When compiling the THEOplayer Flutter SDK for WEB, you can now specify WASM support. - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/flutter/theolive/getting-started.md): Usage - [Basic Playback Guide](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/flutter/theolive/basic-playback-guide.md): After following our Getting Started with Flutter guide or the Player Setup section below, you will be ready to programmatically perform common playback actions. These include increasing/decreasing ## Chromecast SDK: Overview (10.14.0) - [THEOplayer Chromecast SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/chromecast.md) ## Chromecast SDK: Getting started (10.14.0) - [Getting started on Chromecast](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/chromecast/getting-started.md): This how-to guide describes how to set up a Chromecast Receiver application using the Dolby OptiView Player SDK. - [Chromecast Application Customization](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/chromecast/chromecast-app-customization.md): This article provides information on how to customize the look and feel of a Chromecast Sender application or a Chromecast Receiver Application. ## Roku SDK: Overview (10.14.0) - [THEOplayer Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/roku.md) - [Player API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/api-reference/roku.md): Discover all properties and functions of THEOplayer. ## Roku SDK: Getting started (10.14.0) - [Getting Started on Roku](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/roku/getting-started.md): This getting started guide gets you familiar with Roku and the Dolby OptiView Player Roku SDK. - [Migrating to THEOplayer Roku SDK 10.x](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/roku/migrating-to-theoplayer-10.md): This article will guide you through updating to THEOplayer Roku SDK version 10 (from version 9.x), - [Playing ads with THEOplayer Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/getting-started/sdks/roku/displaying-ads.md): This article will provide the steps needed to play video ads with your content using the THEOplayer Roku SDK. ## Roku SDK: How-to guides (10.14.0) - [Getting started](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/roku/theolive/getting-started.md): Usage - [Token based security](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/roku/theolive/token-based-security.md): OptiView Live offers the option to enable JWT token security on channel distribution level. This can be interesting if you only want valid users to access your stream. - [Migrating to OptiView Live v2](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/roku/theolive/migrating-to-v2.md): If you are using OptiView Live v2 for your live streams, you will need to do some extra configuration to successfully play back your OptiView Live streams on Roku. ## Roku SDK: Connectors (10.14.0) - [Connectors for THEOplayer Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/roku.md) - [Getting started with the Conviva Connector for the Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/roku/conviva/getting-started-conviva-connector.md): Here's how to get started integrating the Conviva Connector with the THEOplayer Roku SDK. - [Conviva Connector API reference](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/roku/conviva/API-reference.md): The attributes, methods and events for the THEOConvivaConnector. - [Getting started with the Comscore Connector for the Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/roku/comscore/getting-started-comscore-connector.md): Here's how to get started integrating the Comscore Connector with the THEOplayer Roku SDK. - [Comscore Connector API Reference](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/roku/comscore/API-reference.md): The attributes, methods and events for the THEOComscoreConnector. - [Getting started with the Adobe Edge Connector for the Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/roku/adobe-edge/getting-started-aep-connector.md): Here's how to get started integrating the Adobe Edge Connector with the THEOplayer Roku SDK. - [Adobe Edge Platform Connector API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/roku/adobe-edge/API-reference.md): The attributes, methods and events for the THEOAEPConnector. - [Getting started with the Mux Connector for the Roku SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/roku/mux/getting-started-mux-connector.md): Here's how to get started integrating the Mux Connector with the THEOplayer Roku SDK. - [Mux Connector API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/connectors/roku/mux/API-reference.md): The attributes, methods and events for the THEOMuxConnector. ## FAQ (10.14.0) - [Frequently asked questions (FAQ)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq.md): In this section we will list all the frequently asked questions we received over the years. - [How to combat autoplay policies](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-combat-autoplay-policies.md): This short article explains what autoplay is, where autoplay is restricted, and what THEOplayer does to facilitate working with autoplay. - [Why does fullscreen not behave as expected on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-does-fullscreen-not-behave-as-expected-on-ios.md): One of the most frequently encountered issues on iOS devices is unexpected behavior concerning fullscreen playback. - [Why does the Network API not work on iOS devices](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-does-network-api-not-work-on-ios-devices.md): Most Network API capabilities are not available on iOS devices. Generally speaking, video playback on iOS behaves like a black box. - [Why does Chromecast not work on iOS Chrome?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-does-chromecast-not-work-on-ios-chrome.md): iOS Chrome used to support Chromecast. However, Google silently removed support for it at some point. It is also documented on their Web Sender guide here that: - [Why can't I select another video quality on iOS/tvOS?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-cant-we-select-other-video-quality-on-ios-tvos.md): In short: Apple technically restricts video players from doing this, and there is no workaround. - [Is YouTube supported](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/is-youtube-supported.md): This question above is typically asked by customers who have experience with the YouTube embedded player. It's also related to the following questions: - [Why does the player load only one audio track (even though there are several in the manifest)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-does-player-load-only-one-audio-track.md): You may be asking this question if you notice a discrepancy in the number of audio tracks present in the manifest and the audio tracks that you can select from the player UI. - [Is it possible to see 360 degrees photo with THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/is-it-possible-to-see-360-picture.md): This question is asked by those users and developers that are wondering if the player 360 degree functionality can be used to view also images. - [Why the Visibility API does not work through an iframe on Safari and IE11](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-visibilty-api-doesnt-work-in-iframe-on-safari-and-ie11.md): This question may be asked when you observe a different behavior of the Visibility API on different browsers. - [What is an impression](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-is-an-impression.md): This article explains what an impression is and how THEOplayer calculates impressions. - [How to know whether a live stream is playing](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-know-when-livestream-is-playing.md): You can check if a stream being played is live or VOD by checking its duration. If the duration returns Infinity, the stream would be live. Examples: - [Which error related events does the player expose](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/which-error-related-events-does-player-expose.md): THEOplayer exposes different types of errors. Refer to "How to do error handling" - [Why did my subtitles stop working](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-did-subtitles-stop-working.md): This question is occasionally asked by developers who've configured the latest release of THEOplayer. - [How does Media Engagement Index (MEI) affect Autoplay on Chrome](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-does-mei-affect-autoplay-on-chrome.md): The question above is related to the following questions: - [What does the error message 'Unknown CDM error' mean](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-does-error-unknown-cdm-mean.md): If you got to see this page, you probably know that CDM stands for Content Decryption Module, which is a component in the DRM pipeline, a part of the content protection process. - [What does the error message 'Something went wrong with Native playback' mean](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-does-error-something-went-wrong-during-playback-mean.md): This error, "Something went wrong with Native playback", occurs whenever the player struggles on the native rendering pipeline of the browser in use. - [Why are not all response headers exposed](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-are-not-all-response-headers-exposed.md): You may ask this question if, for example, you are trying to intercept a certain XHR response to use data contained in custom headers but you don't find these among the exposed headers (see… - [Why does the currentTime seem off in my livestream & what can I do about it](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-does-currentime-seem-to-be-off.md): THEOplayer has a currentTime property, which returns you the current playback position in the video (in seconds). For VOD this works as you would expect. - [How to remove CORS restrictions from a reproduction stream](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-remove-cors-restrictions.md): A "CORS-issue" is a common cause of a stream not starting. In a nutshell, a CORS issue implies that the origin is not allowed to fetch the resource. This issue has to be resolved from the server-side. - [Which network calls (or requests) does THEOplayer do](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/which-network-calls-does-THEOplayer-do.md): The question above is related to the following questions: - [Why does the playback not work when using the Chrome iPhone/iPad simulator](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-does-playback-not-work-using-chrome-iphone-simulator.md): You might need an answer to this question if you are testing your page using the Chrome iPhone/iPad simulator and notice that, reloading the page, the video player stops working (even though the ads… - [What does the error message 'can only be initiated by a user gesture' imply? Can I still force the desired action](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-does-error-can-only-be-initiated-by-user-gesture-mean.md): You may get this error if you are trying to have the player execute an action without it being initiated by the user. - [How to remove unwanted CC track in iOS or Safari](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-remove-unwanted-cc-track-ios-safari.md): This article is intended to show how to remove any unwanted CC tracks that might be showing up in iOS or Safari. This can be done by editing the HLS master playlist. - [MediaTek limitations](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/mediatek-limitations.md): This page overviews a list of known issues caused by the MediaTek chipset. - [How to use ProGuard with THEOplayer Android SDK](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-use-proguard-with-android-sdk.md): ProGuard is a popular tool to obfuscate and optimize Java code in Android projects. Depending on the settings, this tool can clash with the THEOplayer Android SDK. - [Self-hosting and versioning of THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/self-hosting-theoplayer.md): Your licensed THEOplayer can also be hosted on your own servers or CDN. - [Does THEOplayer support EXT-X-DATERANGE](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/does-theoplayer-support-ext-x-daterange.md): Yes, the HLS tag #EXT-X-DATERANGE is supported in THEOplayer as of 2.61.0. To enable it, hlsDateRange needs to be added to either the player configuration or the source description and be set to true. - [Can clipping be used on a playlist](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/can-clipping-be-used-in-a-playlist.md): Yes. This is in principle not different from using it on a single video: a startTime and an endTime must be given for each video and applied when the video is loaded/played. - [Can timeline thumbnails be made available before playback start](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/can-timeline-thumbnails-be-made-available-before-playback-start.md): Yes, this is possible using the preload feature, provided your timeline is already visible. Both “metadata” and “auto” will be effective values to this end. - [What are the benefits of preloading](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-are-the-benefits-of-preloading.md): Choosing whether to preload parts of the video before it starts playing will help you considerably improve the user experience. - [What are the player seeking and seeked events and when are they fired](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-are-the-player-seeking-and-seeked-events.md): They are events related to the playback of media files. seeking is fired when the user starts seeking/moving to a new position. - [Can we use HLS or DASH ads](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/can-we-use-hls-or-dash-ads.md): Yes, we support HLS and DASH ads through a THEOAdDescription for the THEOplayer Web SDK 2.84.0 and up. HLS and DASH ads are currently not supported on any other SDKs. - [How to change text in THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-change-text-in-theoplayer.md): Using language localization, you should be able to change any text in the player to the one you desire. - [Change text when AirPlaying](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-change-text-when-airplaying.md): You will need to add the 'metadata' parameter to the SourceDescription with the 'title' property filled with the title to be displayed. - [ITP2.1 problems using THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/itp21-problems-using-theoplayer.md): Apple’s Intelligent Tracking Prevention 2.1 causes cookies to be only saved for 7 days unless the Safari user directly interacts with the website again. - [Removing context menu 'Powered by THEOplayer...'](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/removing-context-menu-powered-by.md): The context menu can be removed while building your player by disabling the "contextmenu" feature or by adding a CSS rule on your page. - [What aspects of THEOplayer do we need to take into account to deploy a proper Content Security Policy (CSP)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/whats-aspects-to-take-into-account-when-developing-csp.md): The script-src 'self' and 'inline' should be allowed. The player also requires doing calls to \*.theoplayer.com and to wherever the JavaScript files and workers are located. - [How can we avoid that the player keeps looking for chunks/segments if they are not found](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-avoid-loading-chuncks-when-not-found.md): You can use the Network API events to detect whether the stream is offline and implement the behavior you prefer. This is working for HLS and is being implemented (2020) for DASH as well. - [Can we show a custom message on 403 on mp4](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/can-we-show-custom-message-on-403-on-mp4.md): Yes, this is possible, but not as easy as for DASH and HLS. - [Can we prevent UpNext feature from redirecting](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/prevent-up-next-from-redirecting.md): Yes, this is possible. You need to modify the countdownDuration value in your UpNextPanel to Infinity. - [Is it possible to preload VOD content while the pre-roll is playing](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/preload-vod-content-when-pre-roll-is-playing.md): Yes, it is done with the preload feature. Before setting your source, you need to activate preload on your player. - [Why is my video not playing automatically](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-is-video-not-playing-automatically.md): There is a wide variety of possible causes that bring to a video not being automatically played. These may have to do with autoplay policies, iframes, Media Engagement Index and more. - [Is it possible to have multiple player instances play at the same time](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/possible-to-have-multiple-player-instances-at-same-time.md): Yes, this is possible, provided there are enough bandwidth and RAM for this to work (considering both server and client side). - [Is it a problem if the viewer pauses a live stream for longer than the DVR window](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/is-it-a-problem-if-viewer-pauses-live-stream-longer-than-dvr-window.md): In general, this is no problem as the player will continue playback, once exhausted the current buffer, from the nearest point available, in this case the end of the sliding window. - [THEOplayer Features & Modules](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/theoplayer-features-modules.md): The THEOplayer SDK consists of modular features. - [Chromecast on my webplayer does not work any longer despite no change in my implementation](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/chromecast-on-weblayer-does-not-longer-work.md): This or a similar question may be asked in case your Chromecast stops working. There may indeed be different causes why your Chromecast is not working, especially if - [How to track network errors](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-track-network-errors.md): THEOplayer currently doesn't throw an error event for all network request errors on all platforms. - [What is the support for Wowza](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-is-the-support-for-wowza.md): Wowza and THEOplayer are partners in the streaming industry. When developers use both products, - [How to use the CDN fallback/backup stream feature](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/cdn-fallback-backup-stream-feature.md): THEOplayer offers a feature to detect more sources of content in manifest or playlist, so that the player can automatically switch to a fallback URL, in case any of the main content source is… - [How to apply accurate buffering strategy](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-apply-accurate-buffering-strategy.md): By default, THEOplayer buffers 20 seconds of video including audio/subtitles in order to guarantee smooth playout. - [How can I distribute 4K content?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-can-i-distribute-4k-content.md): The ability to play 4k mostly depends on hardware. - [What is the collaboration between Azure Media Services and THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-is-the-collaboration-between-azure-media-services-and-THEOplayer.md): Azure Media Services has been retired since June 30th, 2024. - [Is Portrait mode supported](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/is-portrait-mode-supported.md): Yes. THEOplayer supports vertical video playback, which is also known as portrait mode. - [How to prevent screen recording](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-prevent-screen-recording.md): This article explains what screen recording is, and how to counter it. - [The provided video source is incompatible with the license for this player](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/the-provided-video-source-is-incompatible-with-the-license-for-this-player.md): The player throws this error when the source of the player is incompatible with the license. This occurs when the domain of the source is not in the list of source domains of the license. - [Page and Source domains](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/page-and-source-domains.md): Page and Source domains prevent unauthorized users from embedding your SDK on their website. We highly recommend configuring both Page and Source domains carefully to protect your THEOplayer license. - [What does the error message “Something went wrong determining the initial period of the provided MPEG-DASH stream” mean](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/error-message-initial-period-provided-MPEG-DASH.md): This error, "Something went wrong determining the initial period of the provided MPEG-DASH stream", occurs whenever the player struggles to play a DASH stream due to problems determining the… - [Why is my PlayReady stream not working in Chromium Edge?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/Why-is-my-Playready-stream-not-working-in-Chromium-Edge.md): If you are having problems playing PlayReady streams in Chromium Edge, this may be due to a conflict between player and browser, regarding the DRM system to use. - [Which subtitle and CC formats are supported on native Safari](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/which-subtitle-and-cc-formats-are-supported-on-native-safari.md): The Safari browser on iOS uses the native Safari video player. - [How to navigate through the documentation and resources](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-navigate-through-the-documentation-and-resources.md): THEOplayer offers documentation and resources through a number of channels. - [How to create a (great) ticket](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-create-a-ticket.md): Customers can create tickets through our Jira Service Desk at https://servicedesk.theoplayer.com. - [How to investigate a ticket](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-investigate-a-ticket.md): This article describes how our team typically investigates an issue (i.e. bug) reported to us through a Service Desk ticket. - [What are the limitations of AirPlay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-are-the-limitations-of-AirPlay.md): When casting through AirPlay your viewer is relying on the native Apple video player. - [How to use the Media Session API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-use-media-session-api.md): Developers who implement the Media Session API give viewers the option to control and monitor media playback outside their web page. - [How to use THEOplayer iOS SDK on an M1 mac](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-use-theoplayer-ios-sdk-on-m1.md): The iPhone simulators on M1 MacBooks use the arm64 architecture, therefore any binaries linked during compilation time that do not support the architecture will result in compilation error. - [Widevine CDM deprecation notice for old browser versions](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/old-widevine-cdm-deprecation-notice.md): Google announced that the current version of the Widevine Content Decryption Module (CDM), which is a closed environment responsible for handling the DRM restrictions and decryption of media, will… - [Which source is the one being played](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/which-source-is-the-one-being-played.md): In THEOplayer, player.source.sources can be used to provide alternative sources for playback, for cross-platform support. - [What is the "WebAssembly.compileStreaming failed" warning and what does it mean?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-is-the-webAssembly-compileStreaming-failed-warning.md): When starting playback in THEOplayer, you might be seeing a warning in console that reads - [What PiP options to use to make the video stay visible while browsing or on other applications](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-make-pip-video-stay-visible-while-browsing.md): When it comes to Picture-in-Picture (PiP), there are different options, each with its advantages and disadvantages. - [Why are the FairPlay license and certificate being requested again on iOS after ads?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/why-is-DRM-license-retrieved-again-after-ads-on-iOS.md): The DRM license and certificate are retrieved when a DRM-protected stream starts to be played. This is usually enough for a full playback session since in most cases the DRM context can be maintained. - [How to detect if the user changes the video quality](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/how-to-detect-if-user-changes-video-quality.md): It is possible to distinguish between when the quality is changed by ABR or by the user and, in the latter case, which quality has been selected. - [List of supported platforms](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/supported-platforms.md): List of supported platforms for the different THEOplayer SDKs ## How-to guides (10.14.0) - [How-to guides](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides.md): Want to start implementing features to your SDK? Our how-to-guides will help you with all kind of integrations! - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/introduction.md): The articles in this section describe how to implement common use-cases related to advertisements. These use-cases can range from customizing the UX during advertisements, to detecting ad blockers. - [Adblock detection](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/block-detection.md): The THEOplayer Ads API allows developers to detect adblockers, and react accordingly. - [Customizing the ad overlay text](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/customizing-the-ad-overlay-text.md): This guide explains how to customize the overlay text shown during an ad break. - [How to set up VAST and VMAP ads?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/how-to-set-up-vast-and-vmap.md): This article explains how to schedule client-side VAST and VMAP advertisements through THEOplayer. - [Yospace](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/yospace.md): Yospace is a Server-Side Ad Insertion solution. A demo for the Web SDK can be found here. - [How to display visual cues on the timeline to mark mid-rolls?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/how-to-display-visual-cues.md): You may ask this question if you want to let the user know when and how many mid-rolls there are during the video. - [FreeWheel](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/freewheel.md): This guide explains how to set up THEOplayer in combination with FreeWheel, an advertisement vendor. - [SpotX](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/spotx.md): SpotX is a global video ad serving platform providing digital media owners with a solution that allows them to monetize their content with video advertising across desktop, mobile and connected… - [Google Dynamic Ad Insertion (DAI)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/google-dai.md): Google DAI is a Server-Side Ad-Insertion solution offered by Google where THEOplayer is pre-integrated and offers playback for HLS and DASH Streams. - [Prebid.js](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/prebidjs.md): This article explains how you can connect THEOplayer with Prebid.js. Prebid.js is an open-source header bidding solution. - [Google IMA](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/google-ima.md): THEOplayer offer supports for Google IMA as an ad integration system. - [How to subscribe to ad events](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/how-to-subscribe-to-ad-events.md): When building a custom UI, or when logging events to an analytics service, app developers often need to be able to listen (and react) to ad events. - [MediaTailor](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/mediatailor.md): AWS Elemental MediaTailor is a service that provides scalable ad insertion and channel assembly. - [Custom Server Side Ad Insertion](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ads/custom-ssai-integration.md): THEOplayer provides a way to integrate with third-party advertisement providers, - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/introduction.md): _Fast forward to Integrations with commercial analytics services if - [Moat](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/moat.md): Moat is an analytics service maintained by Oracle. THEOplayer offers a pre-integration for this solution. A demo can be found at https://demo.theoplayer.com/moat-analytics-pre-integration. - [Mux](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/mux.md): Mux /data is a video analytics service. Mux is currently the maintainer of the Mux-THEOplayer pre-integration. - [Youbora (NPAW Plugin)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/youbora.md): This article is a good place to start if you are looking for information on how to configure THEOplayer with Youbora. - [Agama](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/agama.md): Agama is an analytics solution maintained by Agama Technologies. THEOplayer offers a pre-integration for this service. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/conviva/introduction.md): Conviva is an analytics service. THEOplayer offers a connector which can be initialized depending upon the - [Conviva Connector for VideoAnalytics & AdsAnalytics](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/conviva/conviva-connector.md): This article describes on how to integrate Conviva for Video Analytics and Ads Analytics offered as a connector with THEOplayer SDK. - [Custom Analytics Integration](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/custom-analytics-integration.md): As mentioned in our Introduction, video analytics provide tremendous insights into your user's QoE, bring extra business intelligence and enhance decision-making. - [Adobe Analytics](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/adobe-analytics.md): Adobe Streaming Media Collection Add-on is a video analytics service, and is part of Adobe Experience Cloud. - [MediaMelon SmartSight](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/mediamelon-smartsight.md): MediaMelon SmartSight is an analytics service maintained by MediaMelon. The library is maintained by the MediaMelon team. - [Wicket Labs](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/wicket-labs.md): Wicket Labs is an audience insights platform for video, and offers products like the "Wicket Scoreboard". - [Tealium](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/tealium.md): Tealium is a tag management system and offers integrations with Google Analytics, Adobe Analytics, and others. - [Segment](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/analytics/segment.md): Segment is a Customer Data Platform, and offers integrations with - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/cast/chromecast/introduction.md): In this section you will learn everything about how THEOplayer works with Chromecast. - [Connecting from custom Sender applications](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/cast/chromecast/connecting-from-custom-sender-applications.md): General - [Debugging](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/cast/chromecast/debugging.md): This how-to guide describes how to debug a Chromecast Receiver application using the THEOplayer Web SDK. - [How to configure a different stream to Chromecast](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/cast/chromecast/how-to-configure-to-a-different-stream.md): Some streaming setups require you to cast a different stream to a Chromecast Receiver device than the one playing on a Chromecast Receiver device. - [Sending messages from/to Sender to/from Receiver](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/cast/chromecast/sending-messages-from-to-sender-to-from-receiver.md): This article will explain how to send data to an active receiver and how to respond on the receiver. - [Pass subtitle selection on to Chromecast](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/cast/chromecast/pass-subtitle-section-on-to-chromecast.md): Currently, it is intended behavior that when you start casting the player to a Chromecast device the subtitle selection setting isn't carried over. - [Enable Chromecast on the Sender](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/cast/chromecast/enable-chromecast-on-the-sender.md): This article explains how to enable the Chromecast Sender capabilities on the Web SDK, iOS SDK and Android SDK. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/cast/airplay/introduction.md): AirPlay is a casting technology developed by Apple. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/introduction.md): THEOplayer supports FairPlay, PlayReady and Widevine by default. To connect to such a DRM system, developers can use a ContentProtectionDescription (or DRMConfiguration, depending on the SDK). - [Arris Titanium](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/arris-titanium.md): This article describes how to configure Arris Titanium DRM with THEOplayer. - [Axinom](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/axinom.md): This article describes how to configure Axinom DRM with THEOplayer. - [Comcast](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/comcast.md): This article describes how to configure Comcast DRM with THEOplayer. Head to our page on DRM for more general information. - [EZDRM](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/ezdrm.md): This article describes how to configure EZDRM with THEOplayer. Head to our page on DRM for more general information. - [Intertrust ExpressPlay](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/intertrust-expressplay.md): This article describes how to configure Intertrust ExpressPlay DRM with THEOplayer. - [Irdeto](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/irdeto.md): This article describes how to configure Irdeto DRM with THEOplayer. - [Microsoft Azure](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/microsoft-azure.md): Azure Media Services has been retired since June 30th, 2024. - [Nagra Conax Contego](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/nagra-conax-contego.md): This article describes how to configure Conax DRM with THEOplayer. - [Verimatrix MultiRights](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/verimatrix-multirights.md): This article describes how to configure Verimatrix MultiRights with THEOplayer. MultiRights is a multi-DRM solution by Verimatrix. - [Vimond](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/vimond.md): This article describes how to configure Vimond DRM with THEOplayer. - [Vualto VuDRM](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/vualto-vudrm.md): This article describes how to configure Vualto VuDRM with THEOplayer. - [Uplynk](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/uplynk.md): Important: Uplynk customers should configure DRM through the THEOplayer Uplynk integration. - [Xstream](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/xstream.md): This article describes how to configure Xstream DRM with THEOplayer. - [How to play a Clear-Key-protected stream in THEOplayer?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/how-to-play-clear-key-protected-stream.md): This article provides a simple example of how to use Clear Key with THEOplayer. - [DoveRunner](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/doverunner.md): This article describes how to configure DoveRunner Multi-DRM with THEOplayer. This content is based on DoveRunner's documentation. - [Multi-key HLS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/multikey-hls.md): There are multiple DRM key systems on the market to choose from. The most popular ones are Google Widevine, Microsoft PlayReady and Apple FairPlay. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/buydrm-keyos/introduction.md): This article describes how to configure BuyDRM KeyOS DRM with THEOplayer. - [How to use THEOplayer with KeyOS BuyDRM](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/buydrm-keyos/how-to-use-with-theoplayer.md): This guide explains how you set up THEOplayer in combination with the KeyOS BuyDRM, a partnered multi-DRM vendor. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/castlabs-drmtoday/introduction.md): This article describes how to configure castLabs DRMToday with THEOplayer. - [How to do offline playback with DRMToday on iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/castlabs-drmtoday/offline-playback-with-offline-drm.md): This how-to guide describes how to implement playback of downloadable content-protected HLS streams using the THEOplayer iOS SDK. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/how-to-do-offline-drm/introduction.md): This how-to guide describes how to implement playback of downloadable content-protected streams using THEOplayer. - [How to do offline DRM on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/how-to-do-offline-drm/offline-drm-with-android.md): This how-to guide describes how to implement playback of downloadable content-protected MPEG-DASH using the THEOplayer Android SDK. - [How to do offline DRM on iOS/tvOS SDK and Legacy iOS/tvOS SDK (4.12.x)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/how-to-do-offline-drm/offline-drm-with-ios.md): Prerequisites - [Customizing Notifications for Downloading Offline DRM on Android](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/drm/how-to-do-offline-drm/offline-drm-notifications-android.md): Text Resources Customization - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/integrations/introduction.md): In this section, you can figure out how THEOplayer integrates with various partners. - [IRIS.TV](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/integrations/iris-tv.md): Iris.TV is a recommendation engine. When hooking THEOplayer to the IrisTV SDK, a UI will be overlaid over the default player UI which can be used to navigate through recommendations. - [Wowza streaming engine with secure token version 2](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/integrations/wowza-streaming-engine-with-secure-token-version-2.md): This guide explains how to set up THEOplayer with Wowza Streaming Engine™, using their SecureToken version 2 module, that provides playback protection via a security token that is exchanged between… - [Deliver Low-Latency HLS live streams using Wowza Streaming Engine and THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/integrations/deliver-low-latency-hls-live-streams-with-wowza-streaming-engine.md): Wowza Streaming Engine™ media server software version 4.7.8 and later together with THEOplayer version 2.65 and later can deliver Low-Latency HLS (LL-HLS) live streams. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/mediatrack/introduction.md): This section provides some examples to help with the most common use cases: - [How to programmatically enable or disable audio tracks](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/mediatrack/how-to-enable-disable-audio-tracks.md): This article describes how you can use the MediaTrack API to enable or disable audio tracks. - [How to programmatically detect audio tracks](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/mediatrack/how-to-detect-audio-tracks.md): This article describes how you can use the API to detect audio tracks. - [How to programmatically select a video track quality](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/mediatrack/how-to-select-video-track-quality.md): This article describes how you can use the API to select a video track quality. If you select a specific quality, you overrule the ABR algorithm. - [How to programmatically detect video track qualities](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/mediatrack/how-to-detect-video-track-qualities.md): This article describes how you can use the API to detect video track qualities. - [How to start with a specific quality?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/mediatrack/how-to-start-with-specific-quality.md): This question is typically asked because developers want their HLS or MPEG-DASH stream to start with a specific rendition of the manifest. - [How to reduce data usage on mobile devices](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/mediatrack/how-to-reduce-data-usage-on-mobile-devices.md): Customers that use THEOplayer in mobile web which leverage THEOplayer's preloading capabilities (preload = "auto"), or provide very high qualities, sometimes receive complaints about data usage. - [How to programmatically detect video track quality changes](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/mediatrack/how-to-detect-video-track-quality-changes.md): This article describes how you can use the API to detect video track quality changes. - [How to programmatically detect audio track changes](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/mediatrack/how-to-detect-audio-track-changes.md): This article describes how you can use the THEOplayer API to detect audio track quality changes. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/introduction.md): In this section, you can find guides on how to use many of the player features not addressed in other sections of this documentation. - [Related Content](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/related-content.md): The article in this section describes how to implement common use-cases related to the Related Content feature. - [Social Sharing](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/social-sharing.md): This article describes how to implement common use cases related to Social Sharing feature. - [Up Next](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/up-next.md): This article describes how to implement common use cases related to the Up Next feature - for example how to use the API. - [VR](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/vr.md): This article describes how to implement common use cases related to VR / 360 - for example how to use the API. - [Web Audio](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/webaudio.md): THEOplayer provides a Web Audio API, which allows you to do some quite nifty stuff with the player's audio output. - [Clipping](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/clipping.md): THEOplayer supports playing only a selected part of a video-on-demand stream, rather than playing it from start to finish. - [Picture-in-Picture](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/picture-in-picture.md): This guide explains what Picture-in-Picture (PiP) is, describes how to implement it and links relevant resources. - [Using hlsDateRange property](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/using-hlsdatarange-property.md): This article explains how to enable the DateRange feature, so that a text track and cues are created. - [Preloading](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/preloading.md): This article contains a description of the possible preloading settings and will show you how to use them on your player. This is possible on Web, Android and iOS SDKs. - [Saving the progress of a caching task in iOS](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/saving-cachingtask-progress-ios.md): This guide explains how to save the progress of an ongoing caching task and what the limitations of the iOS platform are. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/context-menu/introduction.md): This section gives you the answer to the following questions: - [How can we disable the right click?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/context-menu/how-to-disable-right-click.md): There are 2 ways of disabling the right click menu on the player. - [How to change the context menu](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/context-menu/how-to-change-context-menu.md): This question is typically asked by developers who want to change the logo in the context menu, change the default text or add some items. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/error/introduction.md): We live in an imperfect world, and sometimes things go wrong. - [How to do error handling](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/error/how-to-do-error-handling.md): As a developer, you could be interested in error handling for any of the following reasons: - [Error codes](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/miscellaneous/error/error-codes.md): THEOplayer has different types of error events. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/network/introduction.md): This article explains how to use the Network API. - [Network Request/Response Interceptors](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/network/request-response-interceptors.md): THEOplayer makes a number of network requests and receives responses while playing content video, these requests and responses can be intercepted to make a new or modified request or respond with a… - [Android Network Request/Response Interceptor](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/network/android-network-interceptor.md): THEOplayer Android SDK makes a number of network requests and receives responses while playing video. - [iOS HLS Media Playlist Interceptor](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/network/ios-hls-media-playlist-interceptor.md): THEOplayer iOS SDK makes a number of network requests and receives responses while playing video. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/player/introduction.md): The Player API is the top-level API. This API exposes: - [How do you know when a stream or an advertisement is playing?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/player/how-do-you-know-when-a-stream-or-ad-is-playing.md): This short how-to guide explains how to determine programmatically when the player is playing and whether it is playing a stream or a client-side advertisement. - [How to measure time-to-first-frame?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/player/how-to-measure-time-to-first-frame.md): The question above is related to the following questions: - [How can we track the first play(ing) event?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/player/how-can-we-track-the-first-playing-event.md): The question above is commonly asked to assist with the use-cases where the first play event thrown by THEOplayer for a specific stream needs to be detected. Similar questions are: - [How to track player states](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/player/how-to-track-player-states.md): A video player has states. As a developer, you should understand these states, - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/texttrack/introduction.md): The articles in this section describe how to implement common use-cases related to text tracks, subtitles, closed captions and metadata. - [How to dynamically change the visible captions?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/texttrack/how-to-dynamically-change-the-visible-captions.md): When working with the captions / text-track options, you can dynamically change the currently selected language (or set a default language) using following methods. - [How to programmatically detect text tracks](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/texttrack/how-to-programmatically-detect-text-tracks.md): This article describes how you can use the API to detect text tracks, which can be subtitles, closed captions or metadata. - [How to programmatically enable or disable text tracks](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/texttrack/how-to-programmatically-disable-text-tracks.md): This article describes how you can use the API to enable or disable subtitles, closed captions or metadata. - [How to insert subtitles?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/texttrack/how-to-insert-subtitles.md): You may be asking this question if you need captions or subtitles on your video. The sourceDescription property textTracks can be used to add an array of side-loaded text tracks to the player. - [How to implement preview thumbnails in THEOplayer](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/texttrack/how-to-implement-preview-thumbnails.md): This article describes how to enable preview thumbnails. In THEOplayer this is done with the TextTrack API. - [How to track ID3 cues / tags?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/texttrack/how-to-track-id3-cues-tags.md): The question above is commonly asked by the developers who want to introduce a certain behavior depending on the metadata contained by the ID3 cues. For example, the developer wants: - [How to programmatically detect text track changes](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/texttrack/how-to-detect-text-track-changes.md): This article describes how you can use the THEOplayer API to detect text track quality changes. A text track "change" is triggered by enabling (or disabling) a subtitle or closed captions track. - [How to detect active text track cues](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/texttrack/how-to-detect-active-text-track-cues.md): This article describes how you can use the THEOplayer API to detect the active text track cues. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/introduction.md): THEOplayer has a default user interface (UI). The default UI is optimized for browsers, mobile devices and tablets. - [Is it possible to remove an element from the UI?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/is-it-possible-to-remove-an-element.md): This question may be asked if you want to limit the options/controls that are showed in the UI. - [How to align the timeline in the middle](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-align-timeline-in-the-middle.md): This question is asked when developers want to change the appearance of the current time digits and duration digits in the seekbar. - [How to change the Big Play Button?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-change-big-play-button.md): The question above is typically asked by developers who want to increase/decrease the size, set a different image instead, or introduce on-hover behavior. - [How to make the control bar always visible?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-make-control-keys-always-visible.md): The question above is typically asked by developers who want to be able to see the control bar at all times without having to continuously move the cursor over it (or tap the screen). - [Is it possible to hide/disable the Google IMA UI?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/is-it-possible-to-hide-googla-ima.md): You may ask this question if you are trying to determine what controls are visible to the user during ads and want therefore to use your own UI elements. - [How to build a Chromeless UI](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-build-chromeless-ui.md): A Chromeless UI comes into play when your envisioned video player UI too different from the default THEOplayer UI. - [How to insert a button](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-insert-a-button.md): This article provides information on how developers can add custom buttons to THEOplayer's default UI. - [How to change the default UI language to other](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-change-default-UI-language-to-other.md): This article describes how to change the default UI language to other. - [Customize UI during ad playback](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/customize-ui-during-playback.md): This how-to guide describes how to customize the look and feel of the player when an advertisement is playing. We will be leveraging mainly some event listeners and CSS. - [How to change how a video should be fit inside a container](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-change-how-a-video-should-fit-inside-a-container.md): This question is asked by developers who want to alter how a video should be sized inside the video's frame. - [How to make an audio-only player](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-make-audio-only-player.md): This article will tell you how to manipulate THEOplayer (Web) to make an audio-only interface, using only CSS and JavaScript. - [Customizing the UI: vertical volume slider](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/customising-vertical-volume-slider.md): This article provides information regarding the implementation of a vertical volume slider instead of the default horizontal one. - [UI Skinning](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/ui-skinning.md): THEOplayer allows you to style the player to your own needs. This guide will give an in-depth explanation of which colors can be changed and which parts of the player are affected. - [How to detect the visibility of the default control bar](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-detect-visibility-default-control-bar.md): This question is typically asked by developers that want to insert a custom element that should - [How to disable click to pause](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/ui/how-to-disable-click-to-pause.md): When you use the default UI of THEOplayer you can pause (and resume) the video by clicking anywhere on the video (except in the control bar). - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/how-to-guides/license/introduction.md): This article explains how to configure the license at runtime. - [What are the Uplynk challenges](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/faq/what-are-the-uplynk-challenges.md): The purpose of this article is to group common challenges application developers might encounter when using Uplynk (formerly known as Verizon Media, Edgecast or Edgio) as the back-end. ## Knowledge base (10.14.0) - [Knowledge base](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base.md): Want to know more about topics in the video industry? We have a small list of articles to provide you some basic knowledge. - [Advertisements](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/advertisement/introduction.md): This section allows you to learn everything about advertisements! - [Advertising User Guide](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/advertisement/user-guide.md): THEOplayer allows you to configure different aspects of its advertising environment. By following this guide you will learn about: - [Server Side Ad Insertion](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/advertisement/server-side-ad-insertion.md): If you are a content distributor, you know how difficult it is to properly monetize content. - [Support matrix](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/advertisement/support-matrix.md): THEOplayer currently supports two ad implementations: - [Content protection](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/content-protection/introduction.md): Get ready to learn everything about content protection. - [Digital Rights Management (DRM) Systems](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/content-protection/drm-systems.md): Intellectual property theft has a huge economic impact. The digital media sector is one of its biggest victims with annual losses running into billions of dollars. - [AES-128 Encryption](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/content-protection/aes-128-encryption.md): The Apple HTTP Live Streaming (HLS) specification uses AES-128 encryption to provide content protection. - [Playback](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/playback/introduction.md): This section will update you about the world of playback. - [What are chapter markers?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/playback/what-are-chapter-markers.md): Dividing a video into separate parts helps your audience navigate through your content. - [What are the benefits of preview thumbnails?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/playback/what-are-the-benefits-of-preview-thumbnails.md): Preview thumbnails improve the user experience by allowing the user to scan the video for specific content. - [Frame Accurate Seeking](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/playback/frame-accurate-seeking.md): This guide will explain how you can achieve frame-accurate seeking with THEOplayer. - [Program Date Time](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/playback/program-date-time.md): THEOplayer has support for associating media segments with an absolute date and time. - [Basic guide to Web Audio API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/playback/basic-guide-web-audio-api.md): THEOplayer provides a Web Audio API, which allows you to do some quite nifty stuff with the player's audio output. - [Video Clipping](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/playback/video-clipping.md): THEOplayer supports playing only a selected part of a video-on-demand stream, rather than playing it from start to finish. - [Introduction](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/playback/subtitles-and-closed-captions/introduction.md): THEOplayer supports rendering of subtitles and closed captions in both live and VOD content via the WebVTT format. - [Chapter markers](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/playback/subtitles-and-closed-captions/chapter-markers.md): This guide explains to you how to set up THEOplayer to display chapter markers as a way of navigating videos. For more information regarding chapter markers, see Resources at the bottom of this page. - [Streaming](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/streaming/introduction.md): Always wanted to know more about streaming? This is your chance! - [HTTP Live Streaming](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/streaming/http-live-streaming.md): HTTP Live Streaming (also known as HLS) is a protocol implemented by Apple for streaming of audio and/or video content over HTTP. - [What are the recommended stream settings?](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/streaming/what-are-the-recommended-stream-settings.md): There are many options to encode your streams. These encoding are often related to the content you are streaming. - [Cross Origin Resource Sharing (CORS)](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/cors/introduction.md): Cross-origin resource sharing (CORS) is a content protection mechanism that allows resources (manifests, video files or encryption keys) on server to be requested from a webpage on a different domain… - [Timed Metadata](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v10/knowledge-base/metadata/introduction.md): Timed metadata describes a subset of a stream through data (bytes, text, image, ...), a start time and/or a stop time.