在 Angular 中离线播放来自 Azure 媒体服务的视频答案

【问题标题】：Play videos from Azure Media Service offline in Angular在 Angular 中离线播放来自 Azure 媒体服务的视频
【发布时间】：2021-05-18 07:42:40
【问题描述】：

我目前正在开发一个 Angular 应用程序，您可以在其中观看一些视频。视频从 Azure 媒体服务通过 HLS 进行流式传输。因此它们被编码为自适应流。对于我正在使用的播放器Plyr。

现在我希望能够在离线时观看这些视频。所以首先我要把我的应用程序变成一个 PWA。

但是，如何从 Azure 媒体服务下载视频并在 Plyr 中播放？

【问题讨论】：

【解决方案1】：

我没有使用媒体服务，但我认为this 会有所帮助

您需要有后台，它会为您创建临时下载链接，然后您可以在客户端下载并保存

【讨论】：

【解决方案2】：

您可以获取托管资产视频文件的容器的 SAS URL。如果您在 Azure 媒体服务中进行编码，您将在该文件夹中找到具有不同比特率和分辨率的 MP4 文件的集合。您可以使用存储 API 获取 SAS URL 并下载它。

【讨论】：