Video heatmap visuals

[mono424]

Splitted the heatmap implementation into two parts:

• Logging algorithm to track where people seek to
• Visuals to display the heatmap
  This Pullrequest only contain the visuals to display the heatmap

Many Data Points:

Few Data Points:

[MatthiasReumann]

I think this is one of the coolest features implemented in the last couple of months. Great job. 🫡

Potential bug I found: When skipping forward (or backwards) the heat map wiggles a bit (Using Chrome):

wiggle.mov

Also make sure to merge dev properly into this branch, so that the bug fixed in #852 isn't reintroduced.

[mono424]

@MatthiasReumann the wiggeling is because of the time label that changes its length. It also changes the length of the seekbar, thats why the heatmap changes its size too. I didnt want to change so much inside video.js, but I see that this can be somehow anoying, what do you think, should we mess with videojs css and fix it, what do you think? :)

[MatthiasReumann]

@MatthiasReumann the wiggeling is because of the time label that changes its length. It also changes the length of the seekbar, thats why the heatmap changes its size too. I didnt want to change so much inside video.js, but I see that this can be somehow anoying, what do you think, should we mess with videojs css and fix it, what do you think? :)

Ouh. Definitely not worth the time.

[mono424]

@MatthiasReumann the wiggeling is because of the time label that changes its length. It also changes the length of the seekbar, thats why the heatmap changes its size too. I didnt want to change so much inside video.js, but I see that this can be somehow anoying, what do you think, should we mess with videojs css and fix it, what do you think? :)

Ouh. Definitely not worth the time.

Yes lets go for a followup PR 👍

[MatthiasReumann]

Looks great. Thanks again 🚀