Как я могу изменить слайдер материала (слайдер для видео), чтобы иметь маленькие значки комментариев через нужные промежутки времени?

Question

Очень плохо знакомы с угловым и материальным дизайном.Мы используем ползунок, чтобы представить, где вы находитесь в видео на странице.У меня есть комментарии на странице, на которых есть метки времени.Что я хочу сделать, так это уметь показывать маленькие значки комментариев вдоль ползунка времениЧто-то вроде того, как проигрыватель soundcloud показывает комментарии.Любые предложения о том, что я мог бы сделать, чтобы сделать это?

Я уже сделал небольшой компонент для комментария:

<mat-icon
     matTooltip = "{{comment.userName +  ':' + comment.text}}">
 </mat-icon>

Как выглядят слайдер и комментарии https://i.imgur.com/BY5sFu9.png

Спасибо:)