chromecast框架無法識別投射按鈕

Question

我有一個HTML 5播放器應用程序，需要以編程方式加載其所有皮膚元素。

我正在嘗試將Google Cast按鈕添加到皮膚。要做到這一點，我有以下代碼：

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

此按鈕被追加到頁面，並出現在檢查的DOM內。我遇到的問題是，框架無法將其識別爲投射按鈕。所以點擊它時不會列出任何設備。

在Chromecast鉻API文檔它指出cast docs我可以創建使用

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

我不能夠使用第二個參數，因爲我在打字稿我工作的按鈕，它沒有任何的知識第二個論點。

我在這所遇到的問題的一個例子是最簡單的形式可以在這裏找到

Typescript playground

當「__onGCastApiAvailable」被當它已經成功加載，按鈕應設置爲框架調用演員按鈕，但不是。

如果我添加一個簡單的按鈕，HTML

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

這工作？

有什麼我丟失或文檔錯了嗎？

Answer 1

問題在於Typescripts支持document.createElement（）;請參閱以下鏈接以獲得更深入的討論和解決方案typescript number of arguments error

Answer 2

您可以檢查此support page提供故障排除步驟，當你找不到演員按鈕：

• 確保Chrome browser is up to date。
• 「投射」按鈕位於溢出區域。

另外，您可以先試試this troubleshooter form這個page來幫助解決導致丟失設備的最常見問題。

以下是樣本CastButton.js。