DEV Community

Discussion on: Broadcasting Interactive Web Based Gaming Live Streams with Amazon IVS

Collapse
 
recursivecodes profile image
Todd Sharp • Edited

One way to show the live bitrate, latency and buffer in real time would be to use setInterval on the client and retrieve those values from the player itself:

setInterval(() => {
    document.getElementById('quality').innerHTML = ivsPlayer.getQuality().name;
    document.getElementById('bitrate').innerHTML = `${(ivsPlayer.getQuality().bitrate / 1000).toFixed()} kbps`;
    document.getElementById('latency').innerHTML = `${(ivsPlayer.getLiveLatency()).toFixed(2)}s`;
    document.getElementById('buffer').innerHTML = `${(ivsPlayer.getBufferDuration()).toFixed(2)}s`;
}, 1000);
Enter fullscreen mode Exit fullscreen mode
Collapse
 
igmontero profile image
Ignacio Montero Schwarz

I had no idea this was possible. Thank you very much!