We need to display buffering icon , what event we should rely from Player

iamdemoatirdeto · October 20, 2024, 11:31am

Product

Player

Question

We need to start buffering icon when buffering happens in player side
We need to stop buffering icon when buffering happens in player side

Please provide which event we should rely

albertobitmovin · October 22, 2024, 1:13pm

Hi @iamdemoatirdeto ,

Our recommendation would be that you monitor StallStarted and StallEnded events, since they signal the start and end of buffering:

Best regards

system · October 22, 2024, 2:13pm

This topic was automatically closed 60 minutes after the last reply. New replies are no longer allowed.

davidsteinacher · October 22, 2024, 2:16pm

You can see an example of this in our default UI here:

github.com

bitmovin/bitmovin-player-ui/blob/0e632cc4df779d6931fcda6ba0eae91325a37997/src/ts/components/bufferingoverlay.ts#L65-L74


      
          player.on(player.exports.PlayerEvent.StallStarted, showOverlay);
          player.on(player.exports.PlayerEvent.StallEnded, hideOverlay);
          player.on(player.exports.PlayerEvent.Play, showOverlay);
          player.on(player.exports.PlayerEvent.Playing, hideOverlay);
          player.on(player.exports.PlayerEvent.Paused, hideOverlay);
          player.on(player.exports.PlayerEvent.Seek, showOverlay);
          player.on(player.exports.PlayerEvent.Seeked, hideOverlay);
          player.on(player.exports.PlayerEvent.TimeShift, showOverlay);
          player.on(player.exports.PlayerEvent.TimeShifted, hideOverlay);
          player.on(player.exports.PlayerEvent.SourceUnloaded, hideOverlay);

Worth nothing that the StallStarted/StallEnded events are not emitted between Play → Playing, Seek → Seeked, TimeShift → TimeShifted. Therefore we also show our BufferingOverlay in this transitions after a short timeout of 1 second.

Topic		Replies	Views
How to handle bitmovin's start and pause event in javascript Support bitmovin-player , bitmovin-encoding , bitmovin , web	6	230	April 18, 2024
Poster before and after a live stream starts Support bitmovin-player , bitmovin , web	1	478	March 23, 2023
BufferQueueProducer and detachBuffer error when playing different videos Support bitmovin-player	4	607	April 21, 2022
Player Seekbar thumbnails display with keyboard events Support bitmovin-player , bitmovin	5	55	October 25, 2024
How to handle the bitmovin player's video end event Support bitmovin-player , bitmovin-encoding , bitmovin , web	1	207	April 22, 2024

We need to display buffering icon , what event we should rely from Player

Product

Question

Related topics