PRESTOplay for Web Apps

PRESTOplay for Web Apps is a browser-based player SDK available on NPM. It uses a modular component architecture — you install only the features you need. The SDK leverages Media Source Extensions (MSE) and Encrypted Media Extensions (EME) for adaptive streaming and DRM-protected playback.

Setup

• Getting started
  • Prerequisites
  • Install the SDK
  • Set up the page
  • Import components
  • Create the player and start playback
  • Debugging
• Components
  • Common components
  • DASH
  • HLS through MSE
  • Smooth Streaming
  • AES-128 HLS
• License
  • Castlabs license
  • License domain lock
  • Viewer ID
  • License verification

Playback and configuration

• Player basics
  • Simple UI example
  • Playback and basic configuration
  • React integration
• Player configuration
  • Streaming configuration
  • Retry configuration
  • Low latency
  • Autoplay
• Player surface
  • Basic usage
  • Disabling the container
• Audio player
  • Create the player
  • Load audio content
  • Build custom controls
  • Limitations
• Events
  • HTML5 media events
  • PRESTOplay events
  • Add an event listener
  • Remove an event listener
• Errors
  • The Error object
  • Handling errors
  • Common video playback errors
  • Network retry errors

DRM and licensing

• DRM
  • DRM with DRMtoday
  • DRM with DRMtoday Onboard
  • DRM with header-based DRM environment
  • DRM with Verimatrix VCAS Ultra environment
  • DRM with custom DRM environment
  • CDM configuration
  • Customizing license requests
  • Multiple DRM environments
  • Encrypted Media Extensions API

Content features

• Tracks and languages
  • Initial language selection
  • Switching tracks during playback
• Subtitles
  • Text parsers
  • Side-loaded remote text tracks
  • Text displayers
  • CEA-608 captions
• Thumbnails
  • Installation
  • Configuration
  • Usage
  • Preloading
  • Platform-specific notes
• Common media data
  • CMCD configuration
• Low latency and fast zapping
  • Low latency live playback
  • Fast zapping between live channels

Playlists

• Playlist
  • Install the plugin
  • Create a playlist
  • Add items
  • Start the playlist
  • Listen for changes
  • Code sample

Platform integrations

• Chromecast
  • Receiver app
  • Sender
  • Messaging
  • Queuing
  • Cast playlist
• AirPlay
  • Using the AirPlay plugin
  • AirPlay with DRMtoday and upfront authorization
• Safari
  • HLS playback
  • DASH playback
  • Native HLS playback caveats
• Smart TV
  • Polyfills
  • Memory and performance
  • Suspend and resume
  • Limitations of advertising
  • Limitations of thumbnails
  • Older Tizen TVs
• Plugins
  • Built-in plugins
  • Writing a custom plugin
  • Registering a plugin

Ads and analytics

• Advertising
  • Ads API
  • Google IMA plugin
  • Yospace plugin
  • FreeWheel plugin (beta)
  • Broadpeak SSAI ads
  • HLS interstitials
  • Rendering UI
• Analytics
  • Conviva analytics
  • NPAW analytics
  • Broadpeak analytics
  • Mux Data analytics

Reference

• Migration guide
  • Migrating from v6.1 to v6.2
• Docs for LLM agents

• Changelog

Next topic: Getting started

Previous topic: Glossary