Blings.io provides a client-side SDK that will allow the creation of videos based on data and logic using our patented MP5 video technology.

This page describes simple installation instructions allowing you to create a video, pass data, and send video analytics.

You can fiddle with a full online example here.

Basic Installation

1) Add this line to your web page:

	<script src="<https://assets.blings.io/scripts/msdk4.js>" />

(don’t forget to add <meta charset="UTF-8"> to your HEAD)

  1. Add an empty DOM element to the page, where the video will be created.

For example:

<div id="vid-holder"></div>
  1. call the create function, with a selector to the element, and your project-id (e.g. "sdk-demo" for the demo project)
BlingsPlayer.create({
	project: {
    id: STRING // "sdk-demo"
  },
  settings: {
    container: document.getElementById("vid-holder"),
    cinematic: BOOLEAN, //for full screen “cinematic” styling
  }
  
)

That's the bare minimum for rendering the video.