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

Question

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

这是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 了解更多信息。