Events & Listeners Basics - Storm JS Player Core

Attaching an Event Listener

The concept of attaching events is the same as in standard JavaScript.

javascript

Copy

const storm = stormPlayerCore(config);

storm.addEventListener("playerReady", onPlayerReady);

In this example, we have added a new event listener (called playerReady) to the player. Whenever the player is ready, an attached function will be called. The function can also be of an inline type.

Now we need to define our function.

javascript

Copy

function onPlayerReady(event) {
    console.log(event.ref); // reference to the player object
};

We can also use inline functions.

javascript

Copy

storm.addEventListener("playerReady", function(event){
      console.log(event.ref); // reference to the player object
});

Detaching an Event Listener

In order to detach (remove) an event listener just use:

javascript

Copy

storm.removeEventListener("playerReady", onPlayerReady);

For obvious reasons, inline functions cannot be removed (unless stored as a variable), however, there is a way to remove all events of specific type:

javascript

Copy

storm.removeEventListener("playerReady");

We can also remove all event listeners from our player element:

javascript

Copy

storm.removeAllEventListeners();