Bitmovin

These are the steps to include your customized collection beacon that will connect to the Datazoom cloud SDK from your Bitmovin video player:

Login to Datazoom here: https://app.datazoom.io
Add a Collector as indicated here: How to add a Collector
Copy the Config that was created at the end of the process
Click the icon indicated below to copy the Configuration Key

You will see this message:
Replace the <CONFIG_ID> in Datazoom's beacon script with the Key you copied above.
Replace the entire placeholder <CONFIG_ID> including < and >

IMPORTANT :

Datazoom's beacon script must come after the player load.
The name of the Bitmovin player instance created should be same as player in order to access the object which was used to create the player to get the properties of the video being played

Example:

<html>
    <head>
         <script type="text/javascript" src="https://cdn.bitmovin.com/player/web/8.0.0/bitmovinplayer.js"></script>
    </head>
    <body>
         <div id="<DIV_ID>"></div>
        <script>
            var myplayer = document.getElementById('<DIV_ID>');
            var conf = {
                key: '<YOUR_KEY>',
            };
            var player = new bitmovin.player.Player(myplayer, conf); // "player" must be used as player instance to get events and meta data
            //For mp4 video
            var source = {
                    progressive : "<VIDEO_SRC>",
                    format : "<VIDEO_TYPE>"
                 };
            //For hls video
            source = {
                  hls : "<VIDEO_SRC>",
                  format : "<VIDEO_TYPE>"
               };
            player.load(source);
        </script>
        <!-- THIS IS THE DATAZOOM BEACON SCRIPT -->    
        <script src='https://platform.datazoom.io/beacon/v1/config?configuration_id=<config_ID>'></script>
    </body>
</html>

Articles in this section

Comments

Articles in this section

Related articles