.NET Core 3.1中使用FileStreamResult流音频时如何禁用下载按钮？

我正在使用.NET Core 3.1实现音频文件流式播放功能，代码运行完全正常，但希望禁用播放器的下载按钮。

控制器代码如下：

public IActionResult Play(int id)
{
    var recording = _recordingRepository.PlayRecording(id);
    var path = recording.FilePath + "\\" + recording.FileName;;
    if (recording.NewFilePath != null)
        path = recording.NewFilePath + "\\" + recording.FileName;

    var fs = new FileStream(path, FileMode.Open, FileAccess.Read);

    return new FileStreamResult(fs, "audio/mp3")
    {
        EnableRangeProcessing = true,
    };
}

我的视图无任何代码，控制器返回的FileStreamResult会自动创建视频控件播放器（通过浏览器检查工具可确认），浏览器中生成的播放器代码为：

<video controls="" autoplay="" name="media"><source src="https://localhost:44330/Player/Play/14837" type="audio/mp3"></video>

我尝试过用JavaScript、CSS禁用下载功能，但均无效，请问该如何实现？

方法1：手动控制前端播放器（推荐） #

浏览器自动生成的<video>标签默认带controls属性，会包含下载按钮。你可以放弃自动渲染，自己在视图里写<audio>标签（音频场景用audio更适配），通过原生属性直接禁用下载：

<audio controls controlslist="nodownload" autoplay>
    <source src="@Url.Action("Play", "Player", new { id = 14837 })" type="audio/mp3">
</audio>

• controlslist="nodownload"是浏览器原生支持的属性，可直接隐藏下载按钮，Chrome、Edge、Firefox等现代浏览器都兼容。
• 改用<audio>标签更贴合音频播放场景，避免浏览器用视频控件渲染音频。

方法2：后端添加响应头双重限制 #

即使前端隐藏了下载按钮，用户仍可能直接访问音频URL下载，所以可以在后端添加响应头，强制浏览器在线播放而非下载：
修改控制器代码，在返回FileStreamResult前添加响应头：

public IActionResult Play(int id)
{
    var recording = _recordingRepository.PlayRecording(id);
    var path = recording.FilePath + "\\" + recording.FileName;;
    if (recording.NewFilePath != null)
        path = recording.NewFilePath + "\\" + recording.FileName;

    var fs = new FileStream(path, FileMode.Open, FileAccess.Read);

    // 添加响应头，强制在线播放、禁止缓存
    Response.Headers.Add("Content-Disposition", "inline; filename=\"" + recording.FileName + "\"");
    Response.Headers.Add("Cache-Control", "no-store, no-cache, must-revalidate");

    return new FileStreamResult(fs, "audio/mp3")
    {
        EnableRangeProcessing = true,
    };
}

• Content-Disposition: inline会告诉浏览器直接在线打开文件，而非触发下载弹窗，配合前端的controlslist能形成双重限制。

方法3：修复JavaScript方案（保留自动渲染场景） #

如果必须保留浏览器自动生成控件的逻辑，可以用JS动态修改生成的<video>标签，强制添加禁用属性：
在视图中添加以下脚本（确保DOM加载完成后执行）：

document.addEventListener('DOMContentLoaded', function() {
    const video = document.querySelector('video[name="media"]');
    if (video) {
        // 添加禁用下载的属性
        video.setAttribute('controlslist', 'nodownload');
        // 移除并重新添加controls属性，触发浏览器重新渲染控件
        video.removeAttribute('controls');
        setTimeout(() => video.setAttribute('controls', ''), 100);
    }
});

• 部分浏览器需要重新触发控件渲染才能识别controlslist属性，所以需要先移除再重新添加controls。

内容的提问来源于stack exchange，提问作者Ruby2022