shaka-player | JavaScript player library / DASH & HLS client | Video Utils library

Thank you so much for taking your time and reply. Lets say I have to play live stream with the following requirements; How can I make a working Player for a browser?

Manifest URL = "https://live-stream-manifest.mpd"

Manifest URL require special headers which are;

HeaderName = "manName1" HeaderValue = "manValue1"

HeaderName = "manName2" HeaderValue = "manValue2"

Widevine License URL = "https://widevine-license.com"

Widevine License require special headers which are;

HeaderName = "licName1" HeaderValue = "licValue1"

HeaderName = "licName2" HeaderValue = "licValue2"

With the above info I made the following player but I don't know where to put the headers for manifest which are required when request is made.

When I installed shaka player in Nuxt and mode: universal, I received this error:

In spa mode shaka is working but in universal it doesn't work.

Thanks to the answer, the issue was solved with the following:

I want to wrap the shaka-player example in an AngularJS directive.

The example player works fine on its own and can play the MPEG-DASH version of Big Buck Bunny hosted on Akamai's CDN.

However, when trying to use shaka-player within an AngularJS directive, player.load(url) fails with this.target.addEventListener is not a function.

It also reports TypeError: Cannot read property 'textTracks' of null. (Depending on the browser, the order of these errors is sometimes reversed)

I don't know why it works standalone but not in a AngularJS directive...

The HTML fragment for the directive looks like:

I am trying to configure shaka-player to play the UHD representation from my manifest instead of the SD. My question is:

1. How does it decide which Representation to play?
2. How can you define which representation to play?

I'm trying to build a component on ReactJs which basically wraps the [Dash.js][1] web-player to handle working with MPEG-DASH format.

What I have in my file is:

I'm trying to build a simple webview in Android Pie that is able to play DRM content, using for example Bitmovin or Shaka Player. I have collected some snippets from other stackoverflow posts, but while Bitmovin/Shaka can apparently detect widevine support and play sound, the video isn't loading.

Here's my code so far:

I am working on an app which have a media server and this media server provide me the URL's of different video files and these videos are in dash format or .mpd format. I go through react-native-video and it have exo-player on android which already have a support of dash, I have tested exo-player on andriod and it works but on the other hand it uses AVPlayer for IOS which don't have any support of dash. I spent some time to find some solution on IOS side which could also support React-Native android and IOS but didn't find a proper way, Found two solutions but not works for both.

dash.js - https://github.com/Dash-Industry-Forum/dash.js/wiki

Google Shaka Player - https://github.com/google/shaka-player dash.js have only support for web and shaka-player have some embeded solution available on IOS and which i have bridge and then i can use.

I am looking for some quick work around on react-native, Is there any player available which can play dash on both platforms or any other work around that can work for me.

I am trying to configure shaka player with ClearKeys Like

I am trying to enable my Azure-hosted video for offline viewing in Chrome with a "rental period" so that it expires after a few days. I started with the OfflinePlayReadyAndWidevine java example project. I updated this method to specify 30 seconds for all three durations.