在<audio>

Question

我正在为儿子创建一个php程序，并在其中使用分量音频。但是我想阻止他使用上下文菜单下载音频文件。

该属性控件显示或隐藏所有内容，所以这不是我所需要的。我想要比javascript函数更简单的东西。

我以这种方式使用它：

<audio controls src="music.wav"></audio>

Answer 1

您可以将controlsList="nodownload"添加到<audio>标签中以隐藏下载按钮（至少在Chrome上如此）

<div class="positionRelative">
  <audio controls src="https://ccrma.stanford.edu/~jos/wav/viola.wav" controlsList="nodownload"></audio>
  <div class="styleAudio"></div>
</div>

Answer 2

我找到了一个解决方案：我隐藏了音频组件的右端：

<div class="positionRelative">
  <audio controls src="music.wav"></audio>
  <div class="styleAudio"></div>
</div>

样式：

.positionRelative { position : relative; }
.styleAudio
{
  background : #F2F2F2;
  position : absolute;
  top : 0;
  right : 0;
  width : 2.8em;
  height : 3.4em;
  border-radius : 2.8em;
}