Add stream info

[Mebareksaf]

[gBillal]

• First don't use the back-end for this information, try subscribing to the hls events
• Show the information on the top left of the video
• They should be visible only if the user wants too (either add an icon on the top of the player, or use a context menu, or any other solution)

[Mebareksaf]

• First don't use the back-end for this information, try subscribing to the hls events
• Show the information on the top left of the video
• They should be visible only if the user wants too (either add an icon on the top of the player, or use a context menu, or any other solution)

[gBillal]

• You can still put the stats higher and don't mind the timestamp.
• Make the font smaller
• format the bit rate into kbps, mbps, ..etc and showw the unit.
• The bandwidth should renamed to bitrate, and try to get the actual bandwidth of the user which is his connection bandwidth.

[Mebareksaf]

• You can still put the stats higher and don't mind the timestamp.
• Make the font smaller
• format the bit rate into kbps, mbps, ..etc and showw the unit.
• The bandwidth should renamed to bitrate, and try to get the actual bandwidth of the user which is his connection bandwidth.

[gBillal]

• Make the factor 1000 and not 1024
• Show in kbps instead of mbps if the bit rate doesn't exceed 1 mbps (so 500 kbps instead of 0.5 mbps)
• Delete the paraenthesis around the unit
• Show a info icon in the top left of the player with appropriate opacity and hide the icon when the stats are visible.

[Mebareksaf]

• Make the factor 1000 and not 1024
• Show in kbps instead of mbps if the bit rate doesn't exceed 1 mbps (so 500 kbps instead of 0.5 mbps)
• Delete the paraenthesis around the unit
• Show a info icon in the top left of the player with appropriate opacity and hide the icon when the stats are visible.

I added the icon below the snapshot button, to offer a "toggling" experience instead of hiding it when the information are available