Integration with Qumu Widgets

It is possible to integrate the Player SDK with Qumu widgets to control the player.

widget.getSdk(): Promise<PlayerSdk>

Create a widget instance and specify the sdkUrl property. The SDK will be loaded asynchronously and instantiated.

The sdkUrl property should point to the player SDK that you want to use. It may be the npm registry url or your own CDN url.

<script type="text/javascript" src="https://<customer-domain>/widgets/application.js"></script>
<script type="text/javascript">
  const widget = KV.widget({
    "guid": "S0m3Gu1D",
    "type": "playback",
    "sdkUrl": "https://unpkg.com/@enghouse-qumu/player-sdk@<version>/dist/index.umd.js",
  });

  widget.getSdk().then((sdk) => {
    sdk.addEventListener('timeupdate', (newTime) => console.log('timeupdate', newTime));

    sdk.getDuration().then((duration) => console.log('duration', duration));

    sdk.play();
  });
</script>