How to play RTMP stream in html once it's available?

Question

We have an RTMP stream from AWS IVS.

We are playing the RTMP stream in an HTML page using the following code from here:

if (IVSPlayer.isPlayerSupported) {
    const player = IVSPlayer.create();
    player.attachHTMLVideoElement(document.getElementById('video-player'));
    player.load(PLAYBACKURL);
    player.play();
}

This code works only when the RTMP stream is already playing. If the stream from IVS is not ready when the html page is loaded, then the video is not played when it's ready. Hence the end user has to keep running this code (using a button for example)...

The ideal solution would be: when the RTMP stream is ready, play the video without the need of refreshing the page or running this code again.

How can I solve that?

Answer 1

It's not something about playing RTMP in H5, it's about H5 <video> playing HLS, which is coverted by AWS IVS, because now H5 is not able to play RTMP.