Player iframe integration - List of events and Data
- Jagadish Pujari
- Rajeev Sathish
Introduction:
Player integration in sunbird-portal data exchange and telemetry log using window.postMessage() and window.addEventListener()
Problem statement:
As per the web standards, the communication between iframe and window should be done via post messages.
Therefore
The player should emit all events using the iframe window.postMessage() API -
targetWindow.postMessage(message, targetOrigin, [transfer]);The app/client integrating the player should listen for the player events using
window.addEventListener("message", ...);The message data should be namespaced properly to identify the event source and data.
Telemetry should be redirected via the container
For Dispatching event: targetWindow.postMessage(message, targetOrigin, [transfer]);
For Listening event: window.addEventListener("message", (event) => { }, false);
Dispatch events list from portal to player:
Event name/Signature | Description | Data(Sender) |
|---|---|---|
| Initialize player and player its self start | Player Config |