shaka-player
Advanced tools
Shaka Player is an open-source JavaScript library for adaptive media. It plays adaptive media formats (such as DASH, HLS and MSS) in a browser, without using plugins or Flash. Instead, Shaka Player uses the open web standards MediaSource Extensions and Encrypted Media Extensions.
Shaka Player also supports offline storage and playback of media using IndexedDB. Content can be stored on any browser. Storage of licenses depends on browser support.
Our main goal is to make it as easy as possible to stream adaptive bitrate video and audio using modern browser technologies. We try to keep the library light, simple, and free from third-party dependencies. Everything you need to build and deploy is in the sources.
For details on what's coming next, see our development roadmap.
See maintained-branches.md for the up-to-date list of maintained branches of Shaka Player.
| Browser | Windows | Mac | Linux | Android | iOS >= 9 | iOS >= 17.1 | iPadOS >= 13 | ChromeOS | Other |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Y | Y | Y | Y | Native | Native | Native | Y | - |
| Firefox | Y | Y | Y | untestedāµ | Native | Native | Native | - | - |
| Edge | Y | - | - | - | - | - | - | - | - |
| Edge Chromium | Y | Y | Y | untestedāµ | Native | Native | Native | - | - |
| IE | N | - | - | - | - | - | - | - | - |
| Safari | - | Y | - | - | Native | Y | Y | - | - |
| Opera | Y | Y | Y | untestedāµ | Native | - | - | - | - |
| ChromecastĀ² | - | - | - | - | - | - | - | - | Y |
| Tizen TVĀ³ | - | - | - | - | - | - | - | - | Y |
| WebOSā¶ | - | - | - | - | - | - | - | - | Y |
| Hisenseā· | - | - | - | - | - | - | - | - | Y |
| Vizioā· | - | - | - | - | - | - | - | - | Y |
| Xbox One | - | - | - | - | - | - | - | - | Y |
| Playstation 4ā· | - | - | - | - | - | - | - | - | Y |
| Playstation 5ā· | - | - | - | - | - | - | - | - | Y |
NOTES:
NOTES for iOS and iPadOS:
src element to the manifest/media.
So we are dependent on the browser supporting the manifests.| Format | Video On-Demand | Live | Event | In-Progress Recording |
|---|---|---|---|---|
| DASH | Y | Y | - | Y |
| HLS | Y | Y | Y | - |
| MSS | Y | - | - | - |
You can also create a manifest parser plugin to support custom manifest formats.
DASH features supported:
DASH features not supported:
HLS features supported:
HLS features not supported:
For details on the HLS format and these tags' meanings, see https://datatracker.ietf.org/doc/html/draft-pantos-hls-rfc8216bis
#EXT-X-STREAM-INF:<attribute-list>
<URI>#EXT-X-MEDIA:<attribute-list>#EXT-X-IMAGE-STREAM-INF:<attribute-list>#EXT-X-I-FRAME-STREAM-INF:<attribute-list>#EXT-X-SESSION-DATA:<attribute-list>#EXT-X-SESSION-KEY:<attribute-list> EME Key-System selection and preloading#EXT-X-START:TIME-OFFSET=<n>#EXT-X-CONTENT-STEERING:<attribute-list> Content Steering#EXT-X-DEFINE:<attribute-list> Variable Substitution (NAME,VALUE,QUERYPARAM attributes)#EXTM3U#EXTINF:<duration>,[<title>]#EXT-X-PLAYLIST-TYPE:<type#EXT-X-ENDLIST#EXT-X-MEDIA-SEQUENCE=<n>#EXT-X-TARGETDURATION=<n>#EXT-X-DISCONTINUITY#EXT-X-DISCONTINUITY-SEQUENCE=<n>#EXT-X-BYTERANGE=<n>[@<o>]#EXT-X-MAP:<attribute-list>#EXT-X-KEY:<attribute-list> (KEYFORMAT="identity",METHOD=SAMPLE-AES is only supports with MP4 segments)#EXT-X-PROGRAM-DATE-TIME:<attribute-list>#EXT-X-START:TIME-OFFSET=<n>#EXT-X-SERVER-CONTROL:<attribute-list>#EXT-X-PART-INF:PART-TARGET=<n>#EXT-X-PART:<attribute-list>#EXT-X-SKIP:<attribute-list> Delta Playlists#EXT-X-DATERANGE:<attribute-list> Metadata#EXT-X-DEFINE:<attribute-list> Variable Import and Substitution (NAME,VALUE,IMPORT,QUERYPARAM attributes)#EXT-X-GAP#EXT-X-PRELOAD-HINT:<attribute-list>#EXT-X-BITRATEOnly supported on browsers with Media Source Extensions SourceBuffer support
MPEG-5 Part2 LCEVC decoding support (decoding provided by lcevc_dec.js, must be separately included)
Integration documentation : docs
More on MPEG-5 Part2 LCEVC
MSS features supported:
MSS features not supported:
| Browser | Widevine | PlayReady | FairPlay | WisePlay | ClearKeyā¶ |
|---|---|---|---|---|---|
| ChromeĀ¹ | Y | - | - | - | Y |
| FirefoxĀ² | Y | - | - | - | Y |
| EdgeĀ³ | - | Y | - | - | - |
| Edge Chromium | Y | Y | - | - | Y |
| Safari | - | - | Y | - | - |
| Opera | Y | - | - | - | Y |
| Chromecast | Y | Y | - | - | Y |
| Tizen TV | Y | Y | - | - | Y |
| WebOSā· | untestedā· | untestedā· | - | - | untestedā· |
| Hisenseā· | untestedā· | untestedā· | - | - | untestedā· |
| Vizioā· | untestedā· | untestedā· | - | - | untestedā· |
| Xbox One | - | Y | - | - | - |
| Playstation 4ā· | - | untestedā· | - | - | untestedā· |
| Playstation 5ā· | - | untestedā· | - | - | untestedā· |
| Huaweiā· | - | - | - | untestedā· | untestedā· |
Other DRM systems should work out of the box if they are interoperable and compliant to the EME spec.
NOTES:
| Manifest | Widevine | PlayReady | FairPlay | WisePlay | ClearKey |
|---|---|---|---|---|---|
| DASH | Y | Y | Y | Y | Y |
| HLS | Y | Y | Y Ā¹ | Y | Y |
| MSS | - | Y | - | - | - |
NOTES:
streaming.useNativeHlsForFairPlay configuration value.Shaka Player supports:
Subtitles are rendered by the browser by default. Applications can create a text display plugin for customer rendering to go beyond browser-supported attributes.
Shaka Player supports:
Shaka Player supports:
Shaka Player supports:
Shaka Player supports Content Steering (v1) in DASH and HLS.
Content Steering features supported:
Content Steering features not supported:
Shaka Player supports VR when:
prji and hfov boxesVR modes supported:
NOTES:
Shaka currently provides the following versions:
shaka-player.ui.js)shaka-player.compiled.js)shaka-player.dash.js)shaka-player.hls.js)For general help and before filing any bugs, please read the FAQ.
If you have improvements or fixes, we would love to have your contributions. Please read CONTRIBUTING.md for more information on the process we would like contributors to follow.
The Shaka team doesn't have the bandwidth and experience to provide guidance and support for integrating Shaka Player with specific frameworks, but some of our users have successfully done so and created tutorials to help other beginners.
Shaka + ReactJS Library
Shaka + ReactJS integrations:
Shaka + Next.js integration:
Shaka + Vue.js integrations:
Shaka + Nuxt.js integration:
Shaka + video.js integration:
Shaka + Angular integration:
If you have published Shaka Integration code/tutorials, please feel free to submit PRs to add them to this list, we will gladly approve!
FAQs
DASH/EME video player library
The npm package shaka-player receives a total of 154,982 weekly downloads. As such, shaka-player popularity was classified as popular.
We found that shaka-player demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago.Ā It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.
Security News
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.
Research
North Korean threat actors linked to the Contagious Interview campaign return with 35 new malicious npm packages using a stealthy multi-stage malware loader.