Articles in this section

See more

dash.js

Avatar
Tony Gentile
  • Updated
Follow

Login to Datazoom here:  https://app.datazoom.io

Add a Collector as indicated here:  How to add a Collector

Copy the CONFIG ID to be used in the subsequent steps

You will see this message:

Plugin Integration

Datazoom provides plugins for data collection through our Beacon Services. Integrate the Dash.js plugin into your web application with the following snippet:

<script src='https://platform.datazoom.io/beacon/v1/config?configuration_id=CONFIG_ID'></script>

  • Insert this JS line into your HTML

  • Replace the CONFIG_ID value with the collector configuration ID.

This inserts Datazoom's data collection SDK into the page.

Activate Data Collection for a Dash.js

To activate data collection for a Dash.js instance, create a Datazoom context which references the player instance with the following snippet:

datazoom_context = datazoom.createContext(dashjs_player);

For example:

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- THE DASHJS CDN -->
    <script src="https://reference.dashif.org/dash.js/latest/dist/dash.all.min.js"></script>
    <!-- THE DATAZOOM BEACON SCRIPT -->
    <script src='https://platform.datazoom.io/beacon/v1/config?configuration_id=CONFIG_ID'></script>
</head>

<body>

    <div>
         <video id="video" controls style="width:50%;height:50%"></video>
    </div>

    <script>
    
        var dashjs_player;
        var datazoom_context;

        var url = "https://dash.akamaized.net/akamai/bbb_30fps/bbb_30fps.mpd";
          
        // Create a MediaPlayer and initialize it.
        dashjs_player = dashjs.MediaPlayer().create();
        dashjs_player.initialize(document.getElementById("video"), url);

        // Activates data collection
        datazoom_context = datazoom.createContext(dashjs_player);
        
    </script>

</body>

</html>

References:

Dash.js API Doc : Getting started with the Web SDK | Dash.js Documentation

Related articles

Comments

0 comments

Article is closed for comments.