Chromecast HTML 按钮答案

【问题标题】：Chromecast HTML buttonChromecast HTML 按钮
【发布时间】：2015-01-24 17:37:24
【问题描述】：

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

我编写了一个使用自定义接收器的网页，基本上允许用户以统计数据/图表的形式向房间里的人显示报告，但他们会在屏幕上看到控件。

但是，因为这纯粹是一个投射应用程序，所以我想在网页上显示一个按钮，当用户不投射时显示，然后在他们不投射时消失。

比如：

<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 所以有可能！

【问题讨论】：

你得到答案了吗？
有同样的问题->赏金
我们可以看看您的一些自定义接收器吗？

标签： javascript jquery chromecast

【解决方案1】：

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

如果您希望为桌面版和演员版显示不同的内容，您可以只使用 css 媒体查询

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

如果您正在寻找转换功能的 javascript 实现，您可能需要考虑调整 chromecasts package 以供浏览器使用。

【讨论】：