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:

  1. 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 process postMessage requests securely.

  2. Trigger the seek Action
    To skip to a specific part of the video, call the seek action 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:

Text
view-source:https://play.boomstream.com/test/timecodes/en.html