Плеер аудиобиблиотеки с визуализацией waveform

Задача

Дать редактору простой способ добавлять аудиодемонстрации в материалы сайта, а посетителю — быстрый и единообразный плеер с визуальным позиционированием по треку.

Что реализовано

• несколько shortcode для размещения аудиоплееров в контенте WordPress
• отрисовка формы волны через WaveSurfer.js
• предварительно рассчитанные JSON-данные пиков вместо расчета waveform при каждом открытии
• play, pause, отображение времени и переход к позиции кликом по волне
• автоматическая остановка предыдущего плеера при запуске другого
• настройки высоты, полос, цветов, курсора, прогресса, кнопок и таймера
• кнопка вставки плеера в редакторе TinyMCE

Моя роль

Разработка WordPress-плагина, shortcode-интеграции, клиентской логики проигрывания, подготовки waveform-данных и настроек внешнего вида.

Результат

Редактор получил управляемую вставку аудиодемонстраций, а посетители — согласованный набор быстрых waveform-плееров на страницах действующего каталога.

Подтверждение

• Действующий сайт
• Реализованная функциональность подтверждена владельцем.