Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 从Azure Media Service以脱机方式播放视频_Angular_Azure_Progressive Web Apps_Plyr_Azure Media Services - Fatal编程技术网

Angular 从Azure Media Service以脱机方式播放视频

Angular 从Azure Media Service以脱机方式播放视频,angular,azure,progressive-web-apps,plyr,azure-media-services,Angular,Azure,Progressive Web Apps,Plyr,Azure Media Services,我目前正在开发一个Angular应用程序,您可以在其中观看一些视频。 视频从Azure媒体服务通过HLS进行流式传输。因此,它们被编码为自适应流。 对于我正在使用的播放器 现在我想能够在离线时观看这些视频。所以首先我要把我的申请变成PWA 但是,我怎样才能从Azure媒体服务下载视频并在Plyr中播放它们呢?我没有使用过媒体服务,但我认为这会有所帮助 您需要有一个后端,它将创建您要下载的临时链接,然后您可以下载并保存在客户端您可以获得承载资产视频文件的容器的SAS URL。如果您在Azure M

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

现在我想能够在离线时观看这些视频。所以首先我要把我的申请变成PWA


但是,我怎样才能从Azure媒体服务下载视频并在Plyr中播放它们呢?

我没有使用过媒体服务,但我认为这会有所帮助


您需要有一个后端,它将创建您要下载的临时链接,然后您可以下载并保存在客户端

您可以获得承载资产视频文件的容器的SAS URL。如果您在Azure Media Services中编码,您将在该文件夹中找到具有不同比特率和分辨率的MP4文件集合。您只需使用存储API获取SAS URL并下载即可

请参阅此处的.NET示例,其中显示了如何在.NET中编码和下载

您可以查看DownloadResults中的行,了解如何获取SAS令牌URL-