问题标签 [azure-media-player]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
79 浏览

azure - Azure 媒体服务流式传输允许的 IP 地址不起作用

我能够列出 IP 地址,并且只允许他们以前播放视频。由于某种原因,这现在不再有效。

我使用的 IP 是 VPN。这可能是个问题吗?如果我列出一个非 VPN IP,它似乎工作正常。

0 投票
1 回答
392 浏览

azure-media-services - Azure 媒体服务:媒体/视频无法在 Safari/Edge 浏览器上解密,但在 Chrome 中运行良好

因此,我们一直在 Google Chrome 上测试我们的 Azure 媒体服务实现(一直运行良好),现在发现它在 Safari 和 Edge 浏览器中不起作用!

它无法解密视频。不知道能够解密和浏览器类型之间有什么关系!

使用的加密是带有 PlayReady (CommonEncryptionCenc) 和 Widevine 策略加密的 DRM,以及 Azure 媒体播放器。我看到 Safari 只支持 FairPlay,但 Edge 支持 PlayReady。所以,理想情况下它应该在 Edge 上工作。

在此处输入图像描述

这是一个已知的问题?

0 投票
1 回答
170 浏览

html - 我可以在 wordpress 页面上放置超过 1 个 Azure 媒体播放器吗?

我正在尝试在我的 Wordpress 页面中嵌入 Azure 媒体播放器,以便我可以使用 Azure 媒体服务访问我在 Azure 上托管的视频。我正在使用标准 HTML 标签嵌入视频,但是,我遇到了几个问题。

  1. 当我尝试在一个页面上嵌入超过 1 个 AMP 时,前两个视频工作正常,但第三个视频不会呈现。我只看到带有视频控件的黑屏,但没有响应。当我放一个分页符并在下一页上呈现第三个视频时,它呈现得很好。
  2. 中心的大播放按钮仅针对第一个视频呈现。它没有在第二个视频上呈现。
  3. 我似乎无法弄清楚如何关闭自动播放。

这是我嵌入的 HTML 代码(我已删除源和海报路径)。

0 投票
1 回答
547 浏览

angular - 如何在 Angular 10 中设置 Azure 媒体播放器打字稿定义

我在 Angular 10 项目中为 Azure 媒体播放器设置打字稿定义时遇到问题。我正在使用文档中的 *.d.ts文件

我尝试使用 tsconfig.json 文件中的 typeRoots 设置定义:

我发现有冲突的教程要求包含类型的文件夹要么位于根级别,要么位于 src 文件夹内。现在,azuremediaplayer.d.ts 文件位于./src/types/azuremediaplayer/.

在 tsconfig 文件中,有一个错误说Cannot find type definition file for 'azuremediaplayer'.

在我的组件中,我从官方文档中复制粘贴了代码,没有函数(抛出错误)。

如果我 ctrl+click 上面代码中的 amp,我会被带到 .d.ts 文件,但函数调用中的一些参数会抛出错误:

初始化时没有出现错误是这样的:

如果播放器在 html 文件中实例化,则播放器可以工作。

我也尝试了这个答案中描述的步骤:如果我用 引用文件/// <reference path="../../../types/azuremediaplayer/azuremediaplayer.d.ts" />,没有任何变化,但 json 中没有错误。如果我在我的files: []属性中添加文件,amp()则无法识别。如果我添加"include": ["src/**/*"],则与使用 typeRoot 相同,但错误相同。

我应该如何设置播放器以使其正常工作?

0 投票
1 回答
162 浏览

azure - 为 Azure 媒体服务生成 JWT 令牌

我正在 Azure 媒体服务中试验 DRM,但 JWT 令牌存在一些问题。为了在https://ampdemo.azureedge.net/中生成用于测试的 JWT 令牌,我正在使用https://jwt.io/。在有效载荷框中,我有:

密钥来自 Azure 的内容密钥策略中生成的内容。为什么这不起作用?

0 投票
1 回答
307 浏览

azure - 如何在 Android 上运行 azure 媒体播放器

我需要将 azure 媒体播放器集成到 android 应用程序中。

我在文档中看到的只是示例和有关如何将其添加到 HTML 文件中的信息。

我有一个“...mainfest”文件,我需要从 android 应用程序中播放它。

我需要知道是否有任何可用于 android 的 SDK,或者我是否需要在服务器上托管一个可以播放这些视频的页面?

已编辑

我在这里检查了示例播放器,当我将视频 URL 传递给它时,无论是否使用“(format = m3u8-aapl-v3)”,它都可以正常加载视频

但我仍然无法从 android 应用程序播放它。

我还尝试创建一个 HTML 页面,但它也没有播放视频。

这就是我在 HTML 文件中所做的。

0 投票
1 回答
467 浏览

azure - 如果文件中不包含“azuremediaplayer.min.js”,Azure 媒体播放器将不起作用

我正在尝试将 azure 媒体播放器集成到我的 android 应用程序中。

我将清单 url 传递给它并没有videoView.ism/manifest(format=m3u8-aapl-v3)

所以我决定在chrome上播放它进行测试。

<script>如果我注释掉以下标签,问题是视频不起作用

如果这个脚本在那里,它工作得很好。

现在我的问题是,当没有可用于 Azure 媒体播放器的 android SDK 时,如果它在浏览器中无法运行,它将如何在 android 上运行?<script>

0 投票
1 回答
618 浏览

xamarin.forms - 在 Xamarin Forms 中播放 Web 视频的首选方式是什么?

我想要:

  • 在我的 Xamarin Forms 应用(iOS + Android + UWP)中播放视频
  • 遵循最佳实践并使用维护的代码
  • 能够保护我的内容(基于订阅的访问)
  • 如果可能,将传输控件的样式设置为与我的应用程序具有相同的外观

我发现了多种可能的方法,但不确定在我的情况下应该建议什么:

  1. Azure 媒体播放器

我发现这个谈话暗示最好使用 Azure 媒体服务将您的视频转码为不同的质量/格式,这样您就可以进行自适应比特率流式传输,这意味着根据连接的质量和设备类型,您将始终在每种类型的设备上以最低的带宽使用拥有“最好的”视频。根据这个谈话,这需要一个“聪明的播放器”,它具有在质量级别之间切换的逻辑。在演讲中,azure 媒体播放器被称为首选视频播放器,因为它支持来自 azure 媒体服务的自适应比特率流 (ABS)。 它没有提到其他具有 ABS 兼容性的播放器。 示例中的转码视频使用托管在 WebView 中的 Azure 媒体播放器播放。由于这次演讲是从 2018 年开始的,并且在最近发布的 Xamarin Forms (5.0) 中,他们已经删除了对 UIWebView 的支持,并将其替换为 WKWebView,我不确定示例中是否使用了 WebView(以及视频播放器)仍然支持/建议。

  1. 自定义渲染器

Xamarin Forms 文档有一个“实现视频播放器”部分,他们在其中以自定义渲染器的形式为您提供了一个示例视频播放器。我喜欢它们允许您自己设置传输控件的样式。没有提及此视频播放器是否具有与 azure 媒体播放器相同的“智能切换”。

  1. 使用 vimeo

通过付费订阅,您可以明显地保护您的内容的访问。播放器的样式是有限的,但对于我的目的来说可能已经足够了。他们为您在播放器中进行内容编码/智能切换。您支付月费,并且对每个月可以添加的视频分钟数有限制,但没有其他带宽/存储成本(据我所知)。

  1. 又快又脏(天真?)

我可以将 mp4 上传到 azure blob 存储,并使用客户渲染器示例直接从 blob 播放视频。然而,这意味着客户端上没有视频质量的动态切换,它们总是会消耗“全部带宽”。

我是视频转码/流媒体的新手。我在分析中遗漏了什么吗?

0 投票
2 回答
430 浏览

azure - 如何使用 Azure 媒体服务设置 DRM 保护以防止屏幕捕获

:)

我的目标是托管带有 Widevine 和 PlayReady DRM 保护的视频,以防止像 Netflix 这样的屏幕捕获。只有授权用户才能获得观看视频的许可。

我正在努力开始。

我试过的:

  • 在https://ampdemo.azureedge.net/上播放“PlayReady(动态/SWT)”示例,但视频已被删除或其他内容
  • 阅读 Microsoft 文档,但没有关于如何在 Azure 门户上创建受 DRM 保护的视频并在 Azure 媒体播放器中试用的简单分步指南
  • 我尝试使用 DRM 加密和无令牌创建内容密钥策略,我可以在演示站点上的 Azure 媒体播放器中播放,但可以执行屏幕截图

我想说我理解微软文档中这张图表所示的大局: 在此处输入图像描述

有人可以帮我开始吗?

0 投票
1 回答
659 浏览

reactjs - 如何在 React.js 中正确设置 Azure 媒体播放器?

我目前正在将 React 组件与Azure Media Player集成。我按照文档进行操作,首先,我将所需的 CDN url 添加到 index.html 文件中。然后我将示例代码添加到 App 中。问题是,它抛出了错误 'amp' is not defined no-undef

视频播放器.js

我怎样才能解决这个问题?