Chromecast-发送器应用程序-铸造图标不可见HTML5/JS

Question

问题是，即使在发送方应用程序中Google的示例中，cast图标也不可见。一个月前，我不得不刷新页面几次才能恢复图标或重新启动设备。现在什么都不起作用，图标也不见了，但在chrome开发工具中，它表明它是正确实现的。你知道问题出在哪里吗？

我正在创建铸造按钮：
谷歌铸造发射器

控制台中没有错误

PS。我确实已经实现了图书馆https://www.gstatic.com/cv/js/sender/v1/castrongender.js?loadCastFramework=1

Answer 1

我找到了一个解决方案。您需要使用https://而不是http://否则铸造图标将不可见

我希望它能帮助你们中的一些人

@编辑如果你有问题，不显示图标和控制台显示：

CastVideos.js:125 Uncaught ReferenceError: cast is not defined
at CastPlayer.initializeCastPlayer (CastVideos.js:125)
at window.__onGCastApiAvailable (CastVideos.js:1004)
at chrome.cast.ha (VM1365 cast_sender.js:99)

在html中，将脚本放在head的开头，将脚本放到framework gstatic的末尾。

Answer 2

您必须延迟Cast Player 的初始化

let castPlayer = new CastPlayer();
window['__onGCastApiAvailable'] = function (isAvailable) {
if (isAvailable) {
setTimeout(() => {
castPlayer.initializeCastPlayer();
}, 1000)
}
};