How to resume delayed playback when play after pause on live stream

[AngelDev0329]

What do you want to do with Hls.js?

I want to resume the delayed playback when play after pause on live stream.

What have you tried so far?

No response

[robwalch]

This comment explains how live HLS streams are played by HLS.js and similar players.
#4402 (comment)

The player can continue on resume as long as the HLS playlist has segments where the video was paused or the player has buffered all media (which is no longer in the playlist) between the current time and the live edge. If the segments are gone from the playlist and not buffered, the player has to resync with the "live window" or available segments in the live playlist.

[AngelDev0329]

Could you share example code for this?
Thank you.

[robwalch]

Set currentTime to the live sync position to catch up to the live edge:

video.currentTime = hls.liveSyncPosition;

If you'd like to do this after pause, try using the "play" event:

video.onplay = () => {
  video.currentTime = hls.liveSyncPosition;
};