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

Casting是浏览器Chrome的一部分（即＆＃34;所有不是网页＆＃34;不是＆＃34; Chrome浏览器＆＃34;）功能。

如果您正在寻找为桌面和演员版本显示不同内容，那么您可以轻松获取css媒体查询

@media tv {
  .only-visible-on-chromecast { /*or when a tv is used as a screen ¯\_(ツ)_/¯ */
    display: block;
  }
}

如果您正在寻找投射功能的javascript实现，您可能需要考虑使用chromecasts package来调整浏览器的使用情况。