Relevant commentary

What you learn

You're instantiating DIVA Player in your web front-end and relying on third party video streaming source.

The goal of this article is to build the simplest front-end to stream a video from your video production with relevant commentary data.

Before starting

• Ensure the video production you rely on is up and running.

• Set the videoId and the related setting configuration.

• Ensure that in the setting the general section contains the field relevantCommentaryStartsVisible

  "settings": {
  	"general": {
  		...
  		"relevantCommentaryStartsVisible": true, //default is true
  		...
  	}
  }

• Ensure that in the setting the pushengine section is available like in the following example:

  "pushEngine": {
	"configUrl": "https://example.com/fe/config/pushengine/pushengineConfig.json", //mandatory
	"editorialCollectionName": "Editorial", //optional - it can to overwrite the default value
	"editorialScopeName": "{v.id}.{d.Culture}" //optional - it can to overwrite the default value
  }

Dictionary

Ensure the dictionary file contains the relevant keys.

Analytics events

Find here the available analytics events for Commentary.

Instantiation

There's no code to add to the Basic instantiation code.

Troubleshooting tips

In case the timeline and commentary don't show data as expected, double-check that pushengine data timecodes are equal or greater than programDateTime in the videoMetadata — get it by exploring Network in the Chrome developer tools — and less than the video duration.