如何以角度触发视频文件下载

Question

我从我的 API 获取视频 URL。在这里，我想使用该 URL 下载该视频。我有一个名为下载的按钮。当我点击该按钮时，视频应该会在我的浏览器中开始下载。

我已经搜索并找到了一些解决方案，例如将下载属性放在标签上

<a href="{{selectedVideo.playbackUrl}}" download>Download</a>

它正在重定向到另一个页面，但它没有开始下载视频。

有人可以帮忙吗？

Answer 1

使用ngx-filesaver 我们可以实现这一点。 ngx-filesaver 是 filesaver.js 的角包，使用方便。

在这里找到sample stackblitz demo

要在您的应用程序中使用它，请遵循简单的步骤：

1. npm install file-saver ngx-filesaver --save
2. 在 NgModule 中导入 FileSaverModule（可以是 AppModule 或任何其他模块）。
3. 在模板中使用以下指令下载文件

<button type="button"
        fileSaver
        [method]="'GET'"
        [fileName]="'videoName.mp4'"
        [url]="'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4'"
>Download Video</button>