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="vid-container">
        <div id="akamai_player" style="width : 100% ;height : 400px">
        </div>
    </div>


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

        var amp = akamai.amp.AMP.create("akamai_player", config, function(event) {});
    </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