How to Use External Timecodes with the Boomstream Player API
If you are embedding a Boomstream video on your website, you can use external timecodes (timestamps) to allow users to navigate directly to specific segments of the video. Using the Boomstream Player API, you can easily embed clickable timestamps anywhere on your webpage.
Live Example
Below is an interactive example of external timecodes controlling the Boomstream player:
How It Works: Step-by-Step
To implement external timecode navigation, follow these two steps:
-
Implement the JavaScript Listener
Place the required JavaScript code on your webpage. This script listens for and captures events generated by the player, allowing it to processpostMessagerequests securely. -
Trigger the
seekAction
To skip to a specific part of the video, call theseekaction via the Player API, passing the desired timestamp as a parameter.
You can review the exact implementation by viewing the source code of the example page:
view-source:https://play.boomstream.com/test/timecodes/en.html
