Audio annotation component

[dott1718]

A new audio display widget with annotations functionality. The user should be able to play the audio recording, and “move” through it. For example, the element can look as follows:

It is important to highlight the timestamp element:

Users might need to annotate clips within the audio. To do this, we should be able to select specific frames within the audio by slicing. For example the selected clip would be 0:00 - 0:10, the user can assign a label to that particular clip.

Requirements:

• Show the waveform of the audio
• Play and pause button
• Timer showing duration and current timestamp (where the audio is paused)
• Slide to move through the video
• Volume control
• Change playback speed
• A tool to select and annotate time ranges in the audio
• Allow to annotate multiple intervals and multiple tags within the audio

Similar to #1400 the component should contain three key properties:

• audio
• tags: list of tags
• items: list of time intervals (tuples of timestamps [start, end])