@glomex/content-sdk-js

content-sdk-js

An SDK that offers easy access for developers to video sources and to transfer tracking events to glomex.

Demo

To run the example project, clone the repo, and run npm install from the root directory first.

Installation

Using npm:

npm install @glomex/content-sdk-js

Using yarn:

yarn add @glomex/content-sdk-js

In a browser:

<script src="//player.glomex.com/content-sdk/1/glomex.content-sdk.js"></script>

Note:
This SDK module uses ES6 syntax and requires the consumer to use babel compiler and to provide a proper Promise polyfill.

Usage

const GlomexContentSdk = require('@glomex/content-sdk-js');

// Fill your config here
const config = {
    integrationId: '[INTEGRATION_ID]',
    contentId: '[CONTENT_ID]'
};

// GlomexContentSdk is asynchronous
// so there is no need to wait for loading in your code
const glomexContentSdk = new GlomexContentSdk(config);
const videoSourcesLoaded = glomexContentSdk.getSources();

// ... other preparations ...

videoSourcesLoaded.then(function(sources) {
    const videoPlayer = createOwnVideoPlayer(sources);
    
    // tracking is asyncronous too, so you don't wait here
    glomexContentSdk.trackContentBegin();
    
    // before your video begin
    videoPlayer.addEventListener('loadeddata', function() {
      // asynchronous operation
      glomexContentSdk.trackAdBegin('preroll'); 
    });
    
    // after your video ended
    videoPlayer.addEventListener('ended', function() {
      // asynchronous operation
      glomexContentSdk.trackAdBegin('postroll');
    });
    
    // play your video
    videoPlayer.play();
}, function(error) { // rare you can get an error 'no video'
  console.log(error);
});

In case you don't have any video player on the page, use our script for creating HTML5 video player and getting this example working. Otherwise the createOwnVideoPlayer function should return a video player object.

<script src="//player.glomex.com/content-sdk/1/create-video-player.js"></script>

More

To learn more about content-sdk visit our Content SDK Integration Guide

---

Made with ♥ by glomex