Media Element Annotations
Time-synced annotations with MediaElementPlaylistProvider: the audio is streamed by an HTMLAudioElement (no Tone.js, no decoding of the whole file) and the waveform comes from pre-computed peaks. The boxes under the waveform and the text list follow playback; click a box to play its annotation.
Loading...
What to try
- Continuous play on: playback runs through the annotations and the highlight follows it. Off: a clicked annotation plays to its end and stops.
- Editable: drag the edges of a box to move an annotation boundary, and edit the text in the list.
- Link endpoints: dragging a boundary also moves the boundary of the annotation next to it.
See the Media Element Playout guide and the Annotations guide.