Chromecast HTML按钮

Question

是否可以通过HTML按钮调用chrome cast？

我写了一个使用自定义接收器的网页,基本上允许用户以统计/图表的形式向人们展示报告,但他们在屏幕上看到控件.

但是因为这是一个PURELY一个演员应用程序,我想在网页上显示一个按钮,显示用户何时不投射,然后在不投射时消失.

所以类似于:

<button id="castStart" style="display:none;">Start</button>
<button id="castStop" style="display:none;">Stop</button>

然后一些JS喜欢:

if( CASTAVAILBLE ) {

    if( CASTING ) {
        $('#castStart').hide();
        $('#castStop').show();
    } else {
        $('#castStart').show();
        $('#castStop').hide();
    }

    $('#castStart').on('click', function(e){
        startCasting();
        $('#castStart').hide();
        $('#castStop').show();
    });

    $('#castStop').on('click', function(e){
        sttopCasting();
        $('#castStart').show();
        $('#castStop').hide();
    });
}

所以基本上计划是隐藏和显示基于它们何时投射的按钮,并且只有它们可以投射(即安装了投射扩展).

这可能吗？

---

更新:这似乎做我想要的:https ://chrome.com/photowall 所以它是可能的!

Answer 1

投射是 Chrome 浏览器（即“非网页的所有内容”而不是“Chrome 浏览器”）功能的一部分。

\n\n

如果您正在考虑为桌面版本和演员版本显示不同的内容，则只需使用 css 媒体查询即可

\n\n

@media tv {\n  .only-visible-on-chromecast { /*or when a tv is used as a screen \xc2\xaf\\_(\xe3\x83\x84)_/\xc2\xaf */\n    display: block;\n  }\n}\n

\n\n

如果您正在寻找投射功能的 JavaScript 实现，您可能需要考虑调整chromecasts 包以适应浏览器的使用。

\n