绘制自定义媒体播放器

Question

我想设计一个可以播放多个媒体文件的UI。

这是一个具有单个音频

的模板

并非所有音频都在时间0开始（想象一个电话，我们有一个等待时间）。 我想画第一个类似的条。我可以有没有音频的时间跨度（我不会用任何颜色填充），而有颜色的时间跨度（填充）。

我想收到建议，以最好，最简单的方式实施此操作。我的坚强：

• 绘制一个div，其中将有多个div，例如。 1个div，X宽度用白色填充，然后是一个无填充色或空白填充颜色的div。一直到该栏充满所有信息

我不知道这是否是正确和最佳的方法。我想象有一些更漂亮的方法，如果可能的话，我希望有人可以教给我最好的方法。

我想收到建议。每个想法都非常感谢！

预先感谢