如何在 html 中播放 RTMP stream 一旦它可用？

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.

Does anyone know how to solve that please?

Thanks.

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.