chromecast 框架无法识别投射按钮答案

【问题标题】：chromecast framework not recognising cast buttonchromecast 框架无法识别投射按钮
【发布时间】：2017-12-19 17:50:03
【问题描述】：

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

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

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>

这行得通吗？

是我遗漏了什么还是文档有误？

【问题讨论】：

【解决方案1】：

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

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

这是一个示例CastButton.js。

【讨论】：

【解决方案2】：

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

【讨论】：