jquery - 如何在多个plyr.io音频播放器的 Controller 上添加下载按钮？

Question

我正在构建一个音频收集页面，您可以在其中预览音频并根据需要下载。我已经构建了多个音频播放器，但我不确定如何将下载按钮添加到控件中。我还想删除齿轮图标并将其替换为下载图标。

这是codepen link

这是脚本:

  const players = Plyr.setup('.js-player');
  window.player = player;

Answer 1

您可以使用以下内容自定义控件:

var controls =
[  
  'play',
  'progress',
  'duration',
  'mute',
  'volume',
  'download',
];

const players = Plyr.setup('.js-player', { controls });

window.player = player;

您可以查看here了解更多信息。