Here, you'll find basic instructions on how to integrate the Media Acceleration SDK with a JW Player v8.8 and an HLS stream source.
How to
-
Add a <script> tag to your page that points to the minified MASDK
Javascript file. In the example that follows, we point to the latest version of the SDK.
The <script> has to be placed after the <script> tag loading JW Player.
<script src="https://media-acceleration-host.akamaized.net/sdk/js/2.8/jwplayer-HLSprovider.min.js"></script>
-
Locate the spot in your code where you are instantiating an instance
of the JW Player.
/* Before MASDK integration */
let player = jwplayer('video').setup(jwConfig);
-
You can initialize an MASDK configuration object before initializing your JW Player instance replacing the
code from the previous step.
/* After MASDK integration */
/* MASDK configuration options */
jwplayer.maConfig = { };
let player = jwplayer('video').setup(jwConfig);
/* Retrieve the wrapped MASDK instance */
var maWrapper = jwplayer_AkamaiMAE2_provider.media_acceleration_sdk();
What you should see
Once the JW Player is initialized, you can get the version of the MASDK by accessing the version property: maWrapper.version. The value returned uses the
<major-version>.<minor-version>.<patch>
pattern. Use this for logging and troubleshooting.
For a complete example we recommend that you view the source code of this demo page or download the SDK and
simple example pages at the Media
Acceleration SDK page.