Как использовать пики со звуком, поступающим с бэк-энда в React Wavesurfer?

#javascript #reactjs #wavesurfer.js

Вопрос:

У меня проблема с использованием внутренних медиаэлементов с пиками в этой библиотеке пики перестали работать или не появлялись, когда я пытаюсь получить аудио из базы данных, подключенной к внутреннему… с другой стороны, когда я использую аудио непосредственно на стороне клиента, пики работают просто отлично, потому что мне не нужно было использовать медиаэлементы с этой опцией!

У кого-нибудь есть идея?

вот фрагмент кода…

   wavesurfer = WaveSurfer.create({  container: waveformRef.current,  waveColor: "#747993",  height: 90,  responsive: true,  progressColor: "#393F65",  normalize: true,  backend: "MediaElement",  plugins: [  RegionsPlugin.create({  dragSelection: {  slop: 5,  color: "hsla(9, 100%, 64%, 0.1)",  },  }),  TimelinePlugin.create({  container: "#timeline",  formatTimeCallback: formatTimeCallback,  timeInterval: timeInterval,  primaryLabelInterval: primaryLabelInterval,  secondaryLabelInterval: secondaryLabelInterval,  primaryColor: "#2A045A",  secondaryColor: "#747993",  primaryFontColor: "#2A045A",  secondaryFontColor: "#747993",  formatTime: "HH:MM:SS",  }),  ],  });   wavesurfer.load(audioUrl);  

Комментарии:

1. Пожалуйста, не публикуйте свой код в виде крошечного изображения. Просто вставьте его в сообщение в блоке кода.

2. да, я добавил фрагмент кода туда, если вы, ребята, хотите его проверить