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

<div id="player1"></div>
<div id="player2"></div>

// 初始化第一个音频播放器
const player1 = new Plyr('#player1');

// 添加下载按钮到第一个播放器的控制器
player1.on('ready', function() {
  const controls = player1.elements.controls;
  const downloadButton = document.createElement('button');
  downloadButton.innerHTML = '下载';
  downloadButton.addEventListener('click', function() {
    // 在这里添加下载逻辑
    // 可以使用HTML5的download属性或者通过后端接口实现下载功能
  });
  controls.appendChild(downloadButton);
});

// 初始化第二个音频播放器
const player2 = new Plyr('#player2');

// 添加下载按钮到第二个播放器的控制器
player2.on('ready', function() {
  const controls = player2.elements.controls;
  const downloadButton = document.createElement('button');
  downloadButton.innerHTML = '下载';
  downloadButton.addEventListener('click', function() {
    // 在这里添加下载逻辑
    // 可以使用HTML5的download属性或者通过后端接口实现下载功能
  });
  controls.appendChild(downloadButton);
});