Bitmovin with Peer5 for HLS integration




Bitmovin is a feature rich video player that supports HLS.

The integration with Peer5 plugin is as easy as it can get.

In addition to the player script, include Peer5 client and Bitmovin plugin.

Peer5 client and plugins scripts

add these two scripts to the head of your player's page

1
2
<script src="//api.peer5.com/peer5.js?id=PEER5_API_KEY"></script>
<script src="//api.peer5.com/peer5.bitmovin.plugin.js"></script>

Complete Example

The following information needs to be filled according to your actual data:

  • PEER5_API_KEY   your Peer5 API key
  • MANIFEST_FILE   url to your .m3u8 file
  • BITMOVIN_LICENSE   license from Bitmovin
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bitmovin Player test</title>
    <!-- peer5 client & plugin -->
    <script src="//api.peer5.com/peer5.js?id=PEER5_API_KEY"></script>
    <script src="//api.peer5.com/peer5.bitmovin.plugin.js"></script>

    <!-- Bitmovin script -->
    <script src="//bitmovin-a.akamaihd.net/bitmovin-player/stable/6/bitmovinplayer.min.js"></script>

</head>
<body>
    <div id="player"></div>
    <script type="text/javascript">
      var conf = {
        key: "BITMOVIN_LICENSE",
        source:    {
          hls: "MANIFEST_FILE"
        }
      };
      var player = bitmovin.player('player');

      player.setup(conf).then(function(value) {
        // Success
      }, function(reason) {
        // Error!
      });
    </script>
</body>
</html>

Visit the full Bitmovin docs here