OTT plugins allow you to customize your web apps in ways that are not available through the normal page creation process in Beacon Studio. Here are a few examples:
Add custom buttons. In this case the buttons provide functionality to download the playing video and see the location of the filming.
Custom content areas
Add text to special
<div>s set aside for extra content.
This short video shows a OTT plugin that was created to display a panel that can be opened and closed by a viewer.
Create new pages with HTML content of your choice.
The files must be located at a publicly addressable URL and be named as follows:
- The optional CSS file must be called index.css
The following table shows all OTT plugin elements with a brief description of the purpose/functionality:
|Page events and data||Listen for page events like page loading, unloading and changing|
|User events and data||Listen for user events like sign in, register and sign out|
|Side panel events and data||Open and close the side panel and listen for events of side panel behavior|
|Custom buttons events and data||Add and remove buttons and listen for click events|
|Custom sections||Place custom content in custom
|Custom pages||Create a custom page in the Beacon Studio then populate with dynamically built HTML of your choice|
- You could simply put all your code the single index.js file mentioned earlier.
Additional documentation and resources
The following documents and GitHub repo are additional resources covering OTT plugins:
- Dispatching and Handling Events in OTT Plugins
- Implementing Custom Sections
- Implementing Buttons and Event Handlers
- Implementing the Side Panel
- Working with Page Events
- Implementing User Events
- Creating a Custom Page
- Storing Data in a Separate Module
- ott-plugins-example-code GitHub repo