Lumen help

Integrating Mesh Delivery with Azure Media Player


Step 1: Install Azure Media Player and Mesh Delivery builds

                <!--Azure Media Player build -->
<link href="//" rel="stylesheet">
<script src="//"></script>

<!-- Mesh Delivery wrapper -->
<script src="//"></script>


To get the highest flexibility of deployment, we recommend setting the StreamrootKey in the Query Parameter "srKey".


Parameter name





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 2: Set up Azure Media Player and Mesh Delivery

In the HTML <body> or with npm

                <div id="video-div">
    <video id="demoplayer" class="azuremediaplayer amp-default-skin" />
    var player = amp('demoplayer', {});
    var dnaConfig = {};
    var wrapper = new AzureMPDnaWrapper(player, 'YOUR_STREAMROOT_KEY', dnaConfig);
    window.player = player;
        src: 'YOUR_PLAYLIST_URL',
        type: 'application/',


Step 3: Visualize Mesh Delivery

Vizualization graph for Mesh Delivery