Lumen help
Introduction
Mesh Delivery for Streaming can be integrated into your website with Bitmovin Player in just a few simple steps.
The complete list of integrations we support and guides for setting them up can be found here. If you would like to integrate Mesh Delivery for streaming with a video player not on the list, write to us at cdnsupport@lumen.com and we will help you out.
Not into tutorials?
Note: For VOD use cases, we have built an optimized plugin for Bitmovin Player from v 7.7.
For Live Streaming, we highly recommend using Bitmovin v 8.1 or above to enjoy the benefit of its new and more performant ABR logic v3 (activable in 7.8) and a fully optimized integration with CDN Mesh Delivery.
Step 1: Install Bitmovin Player and Mesh Delivery builds
You will first need to install the builds for Bitmovin Player and the appropriate Mesh Delivery build. This can be done in two ways.
From our CDN
Include these sources in the HTML <head>:
To get the highest flexibility of deployment, we recommend setting the StreamrootKey in the Query Parameter "srKey".
Parameter name |
Mandatory |
Description |
YOUR_STREAMROOT_KEY |
Yes |
The unique Streamroot key that we have assigned to you; make sure it is identical to the one provided in the Account section of your dashboard. |
Using npm
Install runtime and dev dependencies:
Step 2: Set up Bitmovin and Mesh Delivery
In the HTML <body>
Include the following code in the HTML <body>.
(Note that these code examples are for Bitmovin 8.1+. Please refer to the Bitmovin documentation for code examples of previous versions.)
With npm
Include the following in your bundle.
Activating Mesh Delivery on Safari
On Safari, the stream will be played through the Safari Native Player by default (see this article from Bitmovin on the subject). In order for CDN Mesh Delivery to be activated on Safari, you will need to configure the player to use Bitmovin HLS playback. To do so, add a 'preferredTech' in the Bitmovin configuration object.
Parameters
The following parameters are either mandatory or recommended.
Parameter name |
Mandatory |
Description |
dnaConfig | No | The object in which you can pass Mesh Delivery options (property, contentIdGenerator, id, etc.). |
targetLatency | No | The Bitmovin option to set a custom live delay (from Bitmovin 8.3). |
YOUR_PLAYLIST_URL | Yes | Your HLS, DASH or Smooth playlist. |
YOUR_BITMOVIN_LIBRARY |
Yes |
The cloud-hosted Player Library URL from your JW dashboard |
YOUR_STREAMROOT_KEY |
Yes |
The unique Streamroot key that we have assigned to you; make sure it is identical to the one provided in the Account section of your dashboard. |
Step 3: Visualize Mesh Delivery
To verify that Mesh Delivery was correctly configured, please install our Mesh Delivery graphs.
And in just a few easy steps you should have a working integration of Mesh Delivery! We encourage you to explore our documentation to understand the various features we offer so you can make the most out of our product.
Explore CDN Mesh Delivery