chromecast 框架无法识别投射按钮

Question

我有一个 HTML 5 播放器应用程序，它需要以编程方式加载所有皮肤元素。

我正在尝试向皮肤添加 Google 投射按钮。为此，我有以下代码：

var castButton = document.createElement("button");
castButton.setAttribute("is", "google-cast-button");

此按钮附加到页面并显示在 DOM 检查中。我遇到的问题是框架无法将其识别为投射按钮。因此，单击它时不会列出任何设备。

在 chromecast chrome API 文档中指出 cast docs 我可以使用

创建按钮

document.createElement("button", "google-cast-button");

我无法使用第二个参数，因为我正在使用打字稿，它不知道第二个参数。

可以在此处找到我遇到的最简单形式的问题示例

当“__onGCastApiAvailable”在成功加载后被框架调用时，该按钮应该设置为投射按钮，但实际上不是。

如果我添加一个简单的按钮到 HTML

<button id="cast-start" is="google-cast-button" style="width: 30px;"></button>

这有效吗？

我是否遗漏了什么或者文档有误？

Answer 1

您可以查看此 support page，它提供了找不到“投射”按钮时的故障排除步骤：

此外，您可以先尝试 this troubleshooter form from this page 来帮助解决导致设备丢失的最常见问题。

这是一个示例 CastButton.js。

Answer 2

问题在于 Typescripts 对 document.createElement() 的支持；请参阅下面的 link 以获得更深入的讨论和解决方案

chromecast framework not recognising cast button