从音频/视频文件生成WaveForm

Question

我有Azure存储帐户媒体URL，并且我想为该音频/视频文件生成可编辑的waveForm可视化效果，

我想要一个为用户创建文件抄本的功能，以便用户可以通过在一定时间范围内单击wave并通过键盘输入添加抄本来进行动态交互。 与此类似的东西- https://raw.githubusercontent.com/naomiaro/waveform-playlist/master/img/annotations.png。

请提供建议，以实现此功能的指南。