Блог

Я пытаюсь создать приложение react, которое использует plyr для аудиоплеера. У меня есть урок, в котором используются шаблоны с различными макетами контента. По мере того как пользователь просматривает уроки, звук для каждого урока меняется. Если это совершенно новый шаблон, звук меняется нормально, но если шаблон с одного урока на другой один и тот же, звук не изменится. Я пытаюсь изменить его на основе изменения URL-адреса аудио в redux. Кажется, я налетел на стену. Кажется, я не могу заставить plyr программно изменить исходный код.

Я создал кодовую строку, чтобы показать, что она не работает с onclick:

https://codepen.io/bradrice/pen/JjyxjEY

     const changeSource = ()=> {
    console.log('changing source');
        player.source = {
      type: 'audio',
      title: 'Example title',
      sources: [
    {
      src: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-13.mp3',
      type: 'audio/mp3',
    },
  ],
};
};
 

Я вижу в консоли, что onclick вызывает функцию changeSource, но источник не меняется. Правильно ли я это делаю?