Azure Functions 使用 JavaScript 中的 Azure 媒体服务提供 mp4 视频

Question

我想将 Azure Blob 存储用于视频托管。这些视频通过 HTML 视频播放器集成到我的网站中：

<video controls>
  <source src="blobstorageurl" type="video/mp4">
  Your browser does not support HTML video.
</video>

所以我创建了一个 Blob 容器，用于上传视频。 Azure 函数（Blob 触发器）正在观察此容器。上传新视频时，Azure 函数应启动 AMS 作业，并将新文件作为源。

我使用了官方例子的逻辑（https://github.com/Azure-Samples/media-services-v3-node-tutorials/blob/main/AMSv3Samples/StreamFilesSample/index.ts）。

这是我的代码的一个小分解：

const blobTrigger: AzureFunction = async function (context: Context, myBlob: any): Promise<void> {
  ...
  mediaServicesClient = new AzureMediaServices(creds, subscriptionId, clientOptions);
  let job = await mediaServicesClient.jobs.create(resourceGroup, accountName, transformName, jobName, { input: context.bindingData.uri, outputs: jobOutputs });
}

这基本上创建了一个带有编码文件的新 blob 容器。

我的问题是，如何将此文件提供给我的 HTML 视频播放器。 在教程中，他们创建了一个流式定位器，我不能将其用于 HTML 5 播放器。 我可以直接使用blob吗？或者这不是一个好主意？如果是，我如何在没有任何访问密钥的情况下提供它。

Answer 1

首先，您应该确保了解所谓的“渐进式下载”带有标签的视频文件与使用 HLS 或 DASH 流式传输协议和“自适应流式传输”的真正流式传输解决方案之间的技术差异。有很多资源可以解释两者之间的差异以及客户体验。

基本上，对于网络较差的客户而言，渐进式下载需要较长的缓冲期，并且如果网络条件发生变化（例如在蜂窝网络上），播放体验将不会那么快或流畅。

您只需在存储帐户容器中的 MP4 上创建一个 SAS 定位器（将其公开）即可轻松获取渐进式下载 URL，或者如果您设置了流式传输策略名称，您也可以通过流式传输定位器交付它到：'Predefined_DownloadAndClearStreaming'。 这将允许您列出 HLS、DASH 和 SAS（渐进式下载）路径。您还可以在 AMSE 工具中更轻松地看到这一点。 有关内置策略类型的详细信息，请参阅此内容（您还可以为流定义自定义策略类型。） https://docs.microsoft.com/en-us/rest/api/media/streaming-locators/create