как я сделал аудиоплеер в discourse

как я добавил в проект аудиоплеер с плейлистом, контролами и базовым управлением звуком. это не отдельный виджет, а часть страницы с текстом, поэтому он связан с контентом (заголовки, шаринг и т.д.). данные и состояние на вход приходит массив медиа ( media ), который я сначала нормализую: добавляю id добавляю флаги isCurrent и isPlaying const prepareMedia = ( media ) => media . map (( item , index ) => ({ ... item , id : index , isCurrent : false , isPlaying : false })) дальше всё состояние плее