Akamai Adaptive Media Player

These are the steps to include your customized collection beacon that will connect to the Datazoom cloud SDK from your Akamai Adaptive Media 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 loading script.

Example:

<html>

<head>

    <script src="https://amp.akamaized.net/hosted/1.0/player.esi?apikey=YOUR_API_KEY&format=script&version=2.109.10"></script>
</head>

<body>

    <div class="video-player">
        <div id="video-player" style="width : 100% ;height : 400px">
        </div>
    </div>


    <script>
        var config = {
            media: {
                src: "<SRC>",
                type: "<TYPE>",
                poster: "<POSTER>",
                title: "<TITLE>",
                autoplay: true,
                startTime: 0
            }
        };

	    akamai.amp.AMP.create("video-player", config, function(event) {
        amp = event.player;
           if (typeof dz_setPlayerInstance === 'function') {
             dz_setPlayerInstance(amp);
           }
        })

    </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