如何在 Google AMP 的 amp-audio 中禁用下载选项？

在Google AMP的amp-audio中，有时我们需要禁用下载功能，防止用户下载我们的音频文件，保护版权。本文将介绍如何在amp-audio中禁用下载选项。

方法一：使用controlsList属性

我们可以使用amp-audio的controlsList属性，通过移除download选项来禁用下载功能。代码如下：

<amp-audio width="400" height="50"
  src="/path/to/audio.mp3"
  controls
  controlsList="nodownload">
</amp-audio>

其中，controlsList="nodownload"表示移除下载选项。如果想要同时移除所有选项，可以使用controlsList="nofullscreen nodownload noremoteplayback"。

方法二：使用javascript

我们也可以使用javascript来禁用下载按钮。我们可以在amp-audio标签中添加一个ID，然后使用以下代码在页面加载时关闭下载功能：

<amp-audio width="400" height="50" src="/path/to/audio.mp3" controls id="audio">
</amp-audio>

<script>
document.addEventListener('DOMContentLoaded', function() {
  document.getElementById('audio').addEventListener('contextmenu', function(event) {
    event.preventDefault();
  }, false);
}, false);
</script>

其中，event.preventDefault();表示取消默认行为，也就是禁止下载。

以上就是在Google AMP的amp-audio中禁用下载选项的两种方法。通过以上两种方法，我们可以保护我们的音频版权，避免被盗用。