Integrating Mesh Delivery with Bitmovin Player

                <!-- Hls.js build -->
<script src="//cdn.jsdelivr.net/npm/hls.js@0.12.2/dist/hls.min.js"></script>

<!-- Mesh Delivery wrapper -->
<script src="//cdn.streamroot.io/hlsjs-dna-wrapper/1/stable/hlsjs-dna-wrapper.js?srKey=YOUR_STREAMROOT_KEY"></script>

            

                npm install @streamroot/hlsjs-dna-wrapper
            

                <div id="demoplayer"></div>
<script>
  var bitmovinConfig = {
    key: 'YOUR_BITMOVIN_KEY',
    source: {
      //Only one playlist URL must be set at a time.
      hls: 'YOUR_PLAYLIST_URL',
      dash: 'YOUR_PLAYLIST_URL',
      smooth: 'YOUR_PLAYLIST_URL'
    },
    dnaConfig: {},
    live:{
      lowLatency:{
        targetLatency: 30
      }
    },
    // To set latency for Bitmovin v7
    streamroot: {
      v7LiveDelay: 20
    }
  };
  window.addEventListener("load", function() {
    player = new bitmovin.player.Player(
      document.getElementById("bitmovin-player"),
      bitmovinConfig
    );
    player
      .load({
        //Only one playlist URL must be set at a time.
        hls: "YOUR_PLAYLIST_URL"
        //dash: 'YOUR_PLAYLIST_URL',
        //smooth: 'YOUR_PLAYLIST_URL'
      })
      .then(function() {
        player.play();
      });
  });
</script>

            

                import { Player } from 'bitmovin-player';
import { bitmovinDnaExtend } from '@streamroot/bitmovin-dna-plugin';

// Extend player class with DNA
var DNABitmovinPlayer = bitmovinDnaExtend(Player, 'YOUR_STREAMROOT_KEY');

var bitmovinConfig = {
  key: 'YOUR_BITMOVIN_KEY',
  dnaConfig: {},
  live:{
    lowLatency:{
        targetLatency: 30
    }
  },
  // To set latency for Bitmovin v7
  streamroot: {
    v7LiveDelay: 20
  }
};

// Instantiate player
var player = new DNABitmovinPlayer(videoElement, bitmovinConfig);

// Load stream
player.load({
  //Only one playlist URL must be set at a time.
  hls: "YOUR_PLAYLIST_URL"
  //dash: 'YOUR_PLAYLIST_URL',
  //smooth: 'YOUR_PLAYLIST_URL'
});

            

                var conf = {
  key: "YOUR-BITMOVIN-KEY",
  source: {
    //Only one playlist URL must be set at a time.
    hls: 'YOUR_PLAYLIST_URL',
    dash: 'YOUR_PLAYLIST_URL',
    smooth: 'YOUR_PLAYLIST_URL'
  },
  playback: {
    preferredTech: [
       {player: 'html5', streaming: 'hls'}
   ]
 }
};